Opinions needed on best way to add a mobile site

We have an existing somewhat older website that does not nicely support mobile devices. While it looks and works fine on tablets, it becomes somewhat unusable on smartphones. We do not have the time/dollars at this point to start from scratch and rebuild with all of the latest bells and whistles. So the question becomes what is the cleanest/fastest/easiest way to add a mobile website. In trying to research this answer, it appears there is no one right answer. I actually have found many possibilities. Right now I have Dreamweaver CS5 and am not going to upgrade any time soon or change tools.
Here are some possibilities I'm considering:
Adding a new "home" page and letting the user decide to either "go lean and mobile" or go wide screen and use the full website. This doesn't seem too bad to me since I'm clearly going to have to maintain 2 websites in the near term.
From there I see choices where the direction is chosen based on the OS or it is chosen based on the screen size. I have seen some based on Javascript and some CSS based. It just gets pretty confusing to know which is best.
We are adding online ordering (pizza place) and want to definitely make it useable for the mobile world. Any thoughts would be appreciated.
As a follow on question, how big of a problem would we run into (how many phone users might we anger) if we used a js based menu on our mobile sit?. Not sure how many devices/OS don't support javascript.
Thanks so much!
Donna

If you go down this slippery slope, trying to identify mobile user-agents is the single biggest obstacle you will face.  The list is understandably huge and constantly changing.   To make matters worse, many browsers pretend to be other browsers. So sniffing for mobile devices and redirecting them to your mobile only site is not only a major chore, it's not even 100% reliable.  And then there's the matter of maintaining 2 separate sites...  Oh, don't even go there.
Re-code your current site to make it Responsive.  Below are several Frameworks you can use to jump start your new layouts.
Foundation Zurb
http://foundation.zurb.com/templates.php
Skeleton Boilerplate
http://www.getskeleton.com/
Initializr (HTML5 Boilerplate, Responsive or Bootstrap)
http://www.initializr.com/
DMX Zone's Bootstrap *free Extension for DW*
http://www.dmxzone.com/go/21759/dmxzone-bootstrap/
Project Seven's Page Packs *Commercial CSS Templates for DW*
http://www.projectseven.com/products/templates/index.htm
Whichever menu system you choose, it needs to be user friendly for desktops as well as touch screen devices.  CSS styled lists are the foundation to build on.  Then you can add jQuery MeanMenu to make it mobile friendly.  I have a working example of it below (resize your browser viewport):
http://alt-web.com/FluidGrid/Fluid2.html
Nancy O.

Similar Messages

  • What is the best way to add text to an image

    I used the draw ap div to add text to an image.  will that cause any problems?  If so, what is the best way to add text to an image?  Thanks!

    APDivs will kill your design unless you fully understand the css behind the scenes and plan accordingly. They really are completely unnecessary in the vast majority of situations.
    An easy way to add "web text over an image" would be to use the background-image attribute in css for a standard <div> tag, then just add the text within that same <div>.
    Something like this in the css (if you are using a 300x300 pixel image)...
    #yourdiv {
         background-image:url(yourpic.jpg);
         width:300px;
         height:300px;
    And then this in the html...
    <div id="yourdiv">Your text here</div>
    You would then position the <div> using css margins, floats and padding. Using position:absolute (APDivs) is typically something that will blow your design to pieces if the viewer changes their browser settings.

  • What is the best way to add hard disk space to macbook pro?

    I'm running out of disk space on my macbook pro. What is the best way to add disk space?

    another way of doing it is to replace your hard drive with a larger one.
    if you're technically capable, it takes 10 minutes for the swap and an hour minimum to clone your hard drive or do a data transfer.  all depends on how much data there is to trandfer or to clone.
    good luck.

  • What is the best way to add libraries to a project?

    What is the best way to add technologies to ADF? For example log4j. Or does the embedded logger have log4j features?

    HI,
    Hope helpful
    http://technology.amis.nl/blog/8380/manage-jdeveloper-external-libraries

  • What is the Best Way to add a shopping cart?

    What is the best way to add a shopping cart?
    Thanks.

    See that field at the top right that says "Search Forums"? Try Dreamweaver shopping cart. You'll get a lot of answers.

  • Best way to add a new section in the middle of a tune?

    hi,
    what's best way to add a new section in the middle of a tune? I think I came up with an interesting transition to a tune... what's the best way to try it out?
    please be specific. if it's just select all and cut and move - I already know that one. somehow, I bet there's a better way.
    thanks in advance...

    You should be able to enter the "in" and out" points in the transport bar. And then under the Region menu, choose "Cut/Insert time."
    So if, for instance, you go up to bar 32, and want to add 8 bars, enter 32 1 1 1 in the top transport place, and 40 1 1 1 in the second. Then select "Cut/Insert Time", and an 8 bar whole will be added to your song.
    Be aware that if there are overlapping MIDI notes found at that cut point, Logic will warn you about it, and give you some options. In this case, I think "Keep" would be what you'd want, but every situation is different...
    Hope that helps....

  • Best way to add new post link

    What would be the best way to add a "new post" link on the main homepage that links to the appropriate blog page. Ideally, I'd like to put a small photo too.
    Is the only way to manually add it every time I update, or is there a better way?
    Thanks, Jill

    You can do it any number of ways. Link a shape, link text, or link a photo to the appropriate blog page, using the Inspector from the tool bar at the bottom of the iWeb window.
    You are correct that the only way is to manually update each time. I don't know of any method to get the blog entries to auto update an indicator on the Home page in iWeb.
    I have a site for a current project I'm on that has a "Shot of the Day" link on the Home page. As the site has gotten large, I have a duplicate of the Domain file for this site that contains nothing but this Home page. I update the page and then simply swap out the files on the server with the updated ones. Makes opening, editing, and saving the changes faster and easier than publishing the entire site each time. Here's an example of how I placed the link on the Home page...
    Mark

  • Best way for add thousans items to listbox without freezing ui in wpf

    Hello guys.
    What is the best way for add thousands items (or even more) to Listbox without freezing UI.
    I search many post in the web but I don't understand how this posts writer wrote that code.
    I realized that ObservableCollection can contain 1000 items or even more and show that items to listbox just for few second without freezing UI but I don't Know how can I use that!
    Can you guys give me an example.
    thanks.

    If you bind an observablecollection you can add items to that from a background thread.  Then bind that to the itemssource.  I usually new up an observablecollection, add the items then set the bound property to  that.
    But I avoid thousands of items. 
    You should provide some sort of filter mechanism the user chooses a category or whatever and then fill with a maximum of 300 items.
    Users simply can't work with thousands of items.
    It is usually reading the data out  a database which takes the time rather than creating objects to bind.
    Hence this:
    protected async override void GetData()
    ThrobberVisible = Visibility.Visible;
    ObservableCollection<CustomerVM> _customers = new ObservableCollection<CustomerVM>();
    var customers = await (from c in db.Customers
    orderby c.CustomerName
    select c).ToListAsync();
    foreach (Customer cust in customers)
    _customers.Add(new CustomerVM { IsNew = false, TheEntity = cust });
    Customers = _customers;
    RaisePropertyChanged("Customers");
    ThrobberVisible = Visibility.Collapsed;
    That's making an asynchronous entity framework call.
    A list of customers is obtained.
    These are then wrapped in a customer viewmodel each.
    Finally the observablecollection Customers is set to this new collection and propertychanged raised to notify the view.
    The itemssource of a datagrid is bound to Customers.
    Hope that helps.
    Recent Technet articles: Property List Editing;
    Dynamic XAML

  • What is the best way to create a Flash site

    Hello Everyone,
    I am realtively new to flash. I created the splash page of
    our site in flash but 1st off it takes to long to load as it is.
    But I would like to create the entire site in Flash. What is the
    best way to create a Flash site, and are there tutorials out there
    or any really good books, resources, or online classes to learn
    Flash well. I understand the basic of flash and have created
    banners, and other flash materials.
    Can anyone help?

    For me, as a noob, It's all about creative problem solving.
    For lots of stuff, there's no right or wrong solution, but you have
    to figure things out on your own. I, too, have built sites from the
    ground up, and then rebuilt them even better. It's the only way to
    really learn it well. Books, online forums, help docs all sort of
    help, but it all comes down to how innovative you can be with
    integrating them all into a site that is completely yours.
    This might save you loads of headaches: avoid using scenes,
    unless you are doing only animation. Keep each of your 'pages' on
    their own keyframe, and use 'gotoAndStop' to navigate through them.
    This is perhaps the easiest way to create a website quickly.
    P

  • Best way to add numbers or layout multiple pages

    I have a ticket that needs to be numbered. It is small enough to go 5 up on a sheet that is 8.5 x 11.
    Each ticket needs to be numbered.
    I can make a master page and add all of the numbers that way and then make a pdf.
    What is the best way to get the numbers on tickets that are printing 5 up on a sheet and I can print through a copier?

    There are many ways to do this:
    1. create single page tickets, auto-numbered, and use imposition feature of copier (if available and access to)
    2. use data merge with numbered list, and produce multiple record layout to create a 5-up document
    3. create a 5-up template with threaded text frames for numbering, import a numbered list that flows through document

  • Best way to add crystal reports

    Hi All,
    I have worked with crystal reprots in past and have done this by adding a DataSet and having this populated with the SQL statement from the database.
    I want to have a way where i can add reports to a folder and have the report pulled in to the vb.net application dynamically, so can leave the application as is and not have to keep re-compiling the code and have it done through updates.
    what is the best way to do this a system i used to work with used to be able to add 3 files in to a folder . Par . SQL .Rpt
    this used to pull the report from the folder and add to the specified menu or submenu.
    i have figured out i can either do it through a database table or xml file for adding but need to work out how to get the paramater name and type and add to the form dynamically.
    any help will be appriciated.
    Regards
    AIDAN

    Depending on the version of CR you are working with, your best way will be to use InProc RAS. See samples here:
    https://wiki.sdn.sap.com/wiki/display/BOBJ/NETRASSDK+Samples
    Also, consult the developer help for your version of Crystal Reports.
    Ludek
    Follow us on Twitter http://twitter.com/SAPCRNetSup
    Got Enhancement ideas? Try the [SAP Idea Place|https://ideas.sap.com/community/products_and_solutions/crystalreports]

  • What is the best way to add volume to my mix?

    Hola,
    I have a track which is very very low in volume, and there's a ton of automation data on a ton of tracks... And I am just wondering what is the best way to compensate for this? I read somewhere that Logic's gain plugin may actually be degrading sound quality due to it being restricted to a (unspecified) bit depth... Is there another gain plug-in or method to do this?
    Or.. Is there a way to tell logic to raise each and every point of automation on each and every track by a specified db?
    -patrick

    Yeah. I think that's probably a much better way to
    work.
    Is there any problem adding a Free G plugin to OUT
    1-2, and cranking that up until I have a good
    signal?
    -patrick
    Hi Patrick,
    Is the stereo mix the one that is not loud enough? When you play it through a different system it's too soft,but when you play it through your mix monitors it sounds loud enough?
    I think if this is the case,you need to turn down your monitors,and turn up everything up inside Logic. I had a friend who did not understand monitoring,and had reeeeeeally expensive speakers,but no way to control their leve,so all his mixes ended up being -30 dB from maximum.they coul dnot be mastered,becasue when you add that much gain to a mix,you also bring the noise floor up byt that much,and you end up with a very hissy,messy,crappy,disgusting mix.
    So,if I were you,I'd check my gain structure,and make sure you can control levels at every stage of the signal path,from mic to speakers.
    Set your monitors to playback at about 80dB spl.Go to Radio Shack and invest in a SPL meter,they are not expensive,and are well worth it.
    Cheers

  • What is the best way to add external C++ code to LabView 6.1?

    I have various C++ class-based DLL's written with Visual Studio 6.0 and wish
    to create instances of these C++ classes and call their methods in LabView
    6.1. What is the best way to do this?
    It seems based on the little reading I have done that there are two choices:
    1. Wrap the C++ class as a simple COM control and use LabView's COM based
    VIs to create a COM object and access the methods of various interfaces.
    2. Wrap the C++ class methods as C functions and a "constructor" and
    "destructor" C function to create and destroy an instance of the class. Then
    use LabView's DLL call support.
    Which is best? What direction is LabView going to take that better supports
    the notion of C++ class libraries?
    Thanks,
    Te
    rry

    You could also try using a CIN. This is a tool that LabVIEW provides for interfacing with external code.
    The CINTools libraries of LabVIEW allow you to embed compiled C code into a particular Virtual Instrument (VI) using a CIN.
    In order for LabVIEW to be capable of calling compiled functions of C from a running VI, the code must be loaded and unloaded into memory at the same time as the VI code itself. LabVIEW uses object code in the form of a .lsb file which is generated by the C compiler from the C source code using the ntlvsbm.mak file. This ntlvsbm.mak file is included in the CINtools directory in the LabVIEW folder. You also must create another .mak file which includes parameter definitions for the ntlvsbm.mak file and also includes a call to the LabVIEW .mak file.
    The generic documentation for CINs only explains how to use them to call C compiled code from a LabVIEW VI. It shows several development environments such as Visual C++, but in essence it only allows the user to create .lsb files out of plain C source code ( .c ) through C compilers on those environments.
    The question now is how can I create .lsb files from C++ native source code using a C++ compiler. Furthermore, how can I create a .lsb file from several C++ source code files (.cpp) and make calls to C++ functions from a VI using CINs? The following explains how to do this:
    1) Drop a Code Interface Node (from the Advanced Subpalette of the Functions Palette) into the LabVIEW VI. Make sure to wire the inputs.
    2) Right-click on the CIN and choose "Create.c File...", then in the file dialog box specify a "name.cpp" file name. (very important: use .cpp extension)
    3) Then create a name.mak makefile (text file) and add the following lines :
    name=name_of_cpp_file_without_the_extension
    type=CIN
    cinlibraries=Kernel32.lib
    CINTOOLSDIR=path_to_cintools_directory
    !include <$(CINTOOLSDIR)\ntlvsb.mak>
    4) Go into Visual C++ and File>Open and open the .mak file. You can even Add the name.cpp file to the project to make it easier to edit. Select that name.cpp or open it as a text file in NotePad or and edit the prototypes of the CIN MgErr functions as shown below, adding extern "C" at the beginning of the line. extern "C" CIN MgErr CINRun(float64 *INPUT);3) Select Build.exe to create the "name.lsb" file. To import the .lsb into LabVIEW, right-click on the CIN and choose "Load Code Resource...". Then, choose the name.lsb file and it is ready to run!
    If you want to use several C++ source code files with .cpp extensions, then compile them in Visual C++ and link them to name.cpp and create a .lsb by modifying the name.mak as follows:
    name=name_of_cpp_file_without_the_extension
    otherobj=other_cpp_files_BUT_USING_.obj_extension
    type=CIN
    cinlibraries=Kernel32.lib
    CINTOOLSDIR=path_to_cintools_directory
    !include <$(CINTOOLSDIR)\ntlvsbm.mak>
    It's worth a try? I have also heard of using clusters to represent classes, so you could check that out.
    J.R. Allen

  • What is the best way to add a day to a Date object?

    I have come across numerous examples on adding a day to the CURRENT date, using the Calendar object. However, what I need to do is to add a day to a Date variable.
    Can someone tell me how to do that? I tried to set the value of my Date variable into the Calendar object, but, it appears that for the current JAVA version, they have deprecated the getYear(), getMonth() and getDay() methods for the Date class.
    Really appreciate your suggestions.
    Thank you in advance,
    SiowLing

    I haven't seen the OP express a concern over how to create/obtain the Date object (he could be using "new Date()" given the emphasis on "CURRENT"). Milliseconds is fine too if that's what you have (for example from a java.sql.Date).
    So the way to add a day to a Date object (the OPs original question) is to:
    - set the Date on a Calendar using setTime
    - add 1 to the DATE field of the calendar
    - get the Date from the Calendar using getTime
    Obviously you're right if the OP doesn't have Date object to start with, but just the "numbers" for year, month, day.

  • What is the best way to add "meta tags" in edge?

    Trying to add meta tags for search engines, what are the best ways to do this?

    With the latest version of Edge (3.0) is still the best practice to edit index.html or is there a better one?
    Y try for example...
    var meta1 = '<meta name="robots" content="index, follow" />';
    $(meta1).appendTo("head");
    ...in creationComplete or in document.compositionReady but I can't see these lines in index.html file, are stored in index_edgeActions.js file.
    But maybe that works to attach the meta tags with append to head because it does work fine (and neither are saved in the index.html):
    var favicon = "<link rel='shortcut icon' href='images/volicon.png' type='image/png'/>" ;
    $(favicon).appendTo("head");
    I don't know if Google detect meta tags stored in index_edgeAtions.js or is more recommended to modify index.html manually with notepad.
    Maybe the best practice are save and publish Edge project with a name different than index (for example project.an and project.html) and to create an index.html manually with meta tags, code of Google Analytics and Google Tag Manager, etc., and with HTML meta http-equiv Attribute for to redirect immediately to project.html generate with Edge (remember disallow project.html in robots.txt). In this way is not necessary to modify the index.html file each time that we publish.
    How do you see?

Maybe you are looking for

  • Help with CS4 Crash Problem

    I have had the creative suite for a while and have not had problems until recently. I have noticed that whenever I try to create a new site in dreamweaver CS4 on my macbook that it crashes. No matter how I go about trying to create the new site, it f

  • Losing focus in Web Form

    I have the following problem: I have a form (B), which is a stacked canvas, which is called from another form (A). In the when-new-form-instance of (B) I execute_query and go_block to a block on (B). A visual attribute is set to highlight the current

  • How do I get rid of the "using an older version of Firefox" start page when I am not?

    When I start my browser (Firefox 8.0.1) it tells me I have not upgraded, but I have (10) times.

  • How to edit font conversion in se73

    Hi all, Do you k now how to edit font conversion in se73 I can't find change mode there. I remember that i used to change it once when i worked with 4.6C Thanks & Regards, Pichet A.

  • How to make external SWFs garbage collected in Air for iOS?

    My app uses lots of external SWFs( well they are actually included in the app with a folder but they aren't embeded ) and they do not contain any bitmapdata, only vector graphics. The problem I'm having is that they seem to be never garbage collected