Design of a Mobile Web site and the best Mobile detection Solution
Last week, I decided to create a mobile version of one of my Web sites. I thought it would be a relatively easy task, but I quickly realized there is more that meet the eye.
Without going into all the details (for example questions from the media, etc.), this is the strategy I ended up with...
First step:
I used this script to detect a mobile device...
< script type = "text/javascript" >
If (screen.width < = 400) {}
document.location = ' http://mobile.MYURL.com';
}
< /script >
I know that I could use the media queries or any number of other methods, but this one appeared to require the minimum of effort. For example, the media seems so complicated because I make sure I have the list of possible devices that can check out my Web site. The script above simply says, if the screen is small, view the mobile Web site. The downside is the person with the mobile device needs to have Javascript enabled, but very few people turn it off.
Second step:
I designed a special website for the mobile device.
I could have created special CSS for each page to my Web site, but people don't want to read all the content I have on my Web site in any case, at least not on a mobile device. It was much easier to create a little site for mobile devices instead of make a huge CSS file to convert all my pages.
----------------------------------------------------------
Because there are so many options when you create a mobile Web site, I just wanted to see if everyone here thinks I did it the right way or would you recommend an alternative?
Also, I saw that he sent several times that I should include a link to the 'full version' of my site at the bottom of my mobile Web site. How I do that without creating an infinite loop that continues to send the visitor to the mobile version? In other words, when they click on 'full version' it will send them to the page that contains the script above, and this script will send their right to the mobile version.
Thanks in advance for any suggestions or advice.
All the best,
Bill
Separate sites for the version complete mobile vs is the best method. Just synchronize the data dynamically from database. Depending on the complexity of your site, the setting is completely different for a mobile version. Much, much more than just a style some conditional css rules. Device for side detection Server allows to redirect mobile users to the mobile version, which is usually a completely different directory or same site... ie. m.example.com mobile and example.com for the version complete.
Similarly, you would use the reciprocal method of detecting device for side supported server to redirect anone who is NOT on a device to the full version if they visited the complete mobile URL from a web browser. You can use a cookie with detection on the server to allow the user to "switch" to the version side full and vice versa. Where if the cookie is not set and the device is mobile, then directly on the mobile device and display the button to switch to a comprehensive site that sets the cookie. Much of/and/of/ifelse/instructions if else going on there, but it can be done easily. I hope you get the point.
best,
Shocker
Tags: Dreamweaver
Similar Questions
-
I use iWeb to update a Web site and the objects appear in Safari unless you have a hyperlink when they download. Is it because iWeb can only support a limited number of links, hypertext, or any other reason?
It has been much discussed.
See my solution in this post:
-
Hello
A few months ago and it worked perfectly, I created the website www.cahega.fr. How ever, when I tried to go on the site this morning, it does "no start page.
And when I try to log in on Adobe Business Catalyst® it sayq 'error, this site is currently unavailable!"
What is going on?
Please help me,
Best regards
H. piles
Hello
In fact, I've solved the problem! When you asked me to give you my Adobe I was using the wrong ID, I realized (one guest) and not that I used to create the Web site. The problem is now solved you were right he should bill pending, now it's fixed and the site is working!
Thank you for everything!
Héloïse
-
How to restore the list of Web site and the icon "Favorites"?
I accidentally deleted my favorite bookmarks (and the icon on the toolbar) and want to retrieve!
Thank you.Make sure the toolbars as the 'personal bar' are visible.
- Firefox '3-bar' menu button > customize > show/hide toolbars
- View > toolbars
Press the ALT key, or press F10 to display the Menu bar - Right click on empty toolbar space
Open the Customize and set the toolbar to display items.
- Firefox '3-bar' menu button > customize
- Make sure the "bookmarks toolbar items" are on the personal bar
- If "Bookmarks Toolbar items" is not on the bookmarks toolbar, then FRY it in the palette to customize the window customize to the bookmarks toolbar
- If the missing elements are in the palette to customize then drag them back into the window to customize the toolbar
- If you don't see an article on a toolbar and in the palette to customize, then click on the "Restore default settings" button to restore the default toolbar configuration
-
How can I manipulate can I gibe the domain name with the e - any code? or something else?
Could you please confirm, you get the error message and either when adding domain in the file > export to HTML or file > download on FTP host option or if there is another place, you are referring to?
I checked and the export and download of FTP options both accept accented characters in the domain name field.
See you soon,.
Vikas
-
Ive tried to set up a link to an image in Dreamweaver on my blog, but for some reason any the link points to the URL of my website and the URL of the blog.
http:www.clweddingsandevents.com.au/www.clweddingsandevents.blogspot.com that it should just be www.clweddingsandevents.blogspot.com.
Any ideas where Ive that has bad shot?
Hello
Add this:
"" http://www.clweddingsandevents.blogspot.com "><> > src =" images/blog.gif "width ="50"height ="28"longdesc ="http://www.clweddingsandevents.blogspot.com"/ >http://www.facebook.com/home.php?#! 993102899 pages/Noosa-Heads-Australia/CL-Weddings-and-Events/334" ><> > src = "images/facebook.gif" width = "28" height = "28" ="longdeschttp://www.facebook.com/home.php?#! 993102899 /pages/Noosa-Heads-Australia/CL-Weddings-and-Events/334" / >
HCH :-)
Hans G.
-
Redirects Web site and the Windows Security Center Service that cannot be turned on
I have Windows 7, 64-bit and recently whenever I click on links such as google search I have continues to be redirect to randomly selected sites. Sometimes, I have to click on the link even 10 times just to connect, I wanted to see. In addition, I have a perpetual notification telling me the Windows Security Center Service is disabled and when I try to make it back, I get a message telling me that it cannot be started. Can someone tell me what is the problem and how to fix it?
Hi Sir sniper,
which web browser is installed on the computer?
The question seems to be like a browser hijacking. I suggest you try the steps from the following links:
What is the browser hijacking?
http://www.Microsoft.com/security/resources/hijacking-WhatIs.aspxDifficulty to your browser hijacked webhttp://www.microsoft.com/security/pc-security/browser-hijacking.aspx
Note: Microsoft does not recommend that you disable the antivirus protection in most conditions. Disable the antivirus protection that temporarily to restore a computer.
Come back and let us know the State of the question, I'll be happy to help you. We, at tender Microsoft to excellence.
-
Help! I just uploaded my new Web site and the navigation bars do not work
Help! I just uploaded my new site www.freedomfarm.net and navigation bars do not work. I have attached a copy of my spryassets css file. Can anyone help. Please and thank you. Laurie
Hello
Look here:
- Who are we
- Our cats
- Our dogs
- How to help
- Events
- Newsletters
- Happy Tails
- Kids Corner
- Sponsors
- Contact us
- Who are we
- Our cats
- Our dogs
-
I use desktop and Windows XP.
See the back and forward or other toolbar missing
Display the Navigation toolbar
Thank you
Please check 'Resolved' the answer really solve the problem, to help others with a similar problem.
-
trying to enter user name on the Web site and it only accepts one digit at a time
try to open a secure Web site and the user name only accepts one digit. It replaces the 2nd digit, then the 3rd, etc. How do I erase everything that makes that?
Is what site this?
Unfortunately, I am not quite understand your description of what happens.
-
I have been designing a new Web site and when I publish on BusinessCatalyst the index page shows a sign 'coming soon '? This has never happened before and I don't know how to solve this problem?
I have published on an existing site, but also a new site, but I get the same message?
Hello
Open the page that wants to set as your home page,
Click on more action-> set as start page
Now visit the site again, it should be good.
Let me know if you have any question.
-
I have a mobile Web site and I would like the links to Google Maps, or any map application, I can do this with the Muse?
Hello
Are you talking about placing Google map on the Mobile page created in Muse? If so you can do this by either using 'Google Map Widget', either by placing the "Embedded Code" created in any site map.
Here is the detailed procedure for the same thing:
How to add a Google map
How to add a Google map | Adobe Muse CC tutorials
Integration HTMl in Muse
Adobe help Muse | HTML integration
Please let me know if you're ready to do something else.
Concerning
Vivek
-
Need toughts on this Web site and aid in the iframe and the formatting of the text
Hello world
I m new to Muse and decided to give it a try and make a website for a business. Want to know your opinion about it and maybe ask to help you concerning the loading time of the tumblr blog embedded in an iframe in the blog section and formatting of text in the mobile view of the Web site. The owner of the site also want to manage, add links pdf by downloading by itself, it is something I could do? any ideas?
Link: home page
Thank you very much
Richard
I had a quick glance at your Web site, and it looks great to me. For a person who is new to Muse, you did a remarkable job.
The blog loaded fine for me, but I'm on an Internet connection broadband and you can hear other people on the forum about their experience.
-
I'm working on PC. Using Adobe Muse how do I make design changes to a Web Site previously designed and published
You cannot edit HTML with Muse. You are looking in the wrong place. You must re-create using the tools of Muse or change elsewhere.
Mylenium
-
I used to be able to see the name of the web site, the user name and the password stored in the same time. now, I can see the web site and user or user and word/p but not all at the same time. How can I change it back.
Hello peter102, you can easily resize this dialog at the bottom right...
All these these characters # you must replace with the name of the page, for example:
... and so on. If you have written in html, then take the "AboutUs.html".
HCH
Hans G.
Maybe you are looking for
-
I tried to clear my history, cookies and everything else on Firefox, but it does not solve the problem. Whenever I try to comment on a post on facebook it says "Unable to display the comment." And it wont let me as any positions either. Google Chrome
-
Size of RAM not properly recognized in Ubuntu 8.10
Hi all I need help with my laptop. I upgraded my Toshiba Satellite P100 with memory and now it has 4 GB. He acknowledged, however, after installing Ubuntu 8.10 64-bit only 3 GB of RAM. Anyone know what could be the problem? Thank you in advance. With
-
You are using windows 7, how can I get my Officejet Pro K8600 print on paper 13 x 19?
I bought a laptop with Windows 7. Now I can't get my Officejet Pro K8600 to print correctly on paper 13 x 19. It prints on paper 13 x 19, but everything is 8.5 x 11 in size. I click on print, click Properties, change the Super B 13 x 19 paper, press
-
I'm trying to sync my IPAQ with my pc. It is said: this version of Windows Media Technologies is incompatible with this version of Windows.
-
(Dell Latitude E6400) Windows 7 64 bit Dell control point
I installed Windows 7 64 bit on my Latitude E6400. I can't find any way to install the Dell Control Point. I got the Pack of drivers to install. I found a single download of the Security Manager who has worked, but I would like to than the power one