Sites On Mobile Devicesmobile dedicated websites
Posted 26 August 2012 - 04:55 PM
I did find an app that claims to make sites appear exactly the same on ALL devices. However when I contacted them about my sites that were already published, they asked if the HTML and CSS code produced a fixed layout or if it is scalable for screen size.
I have no idea how to answer that question! Can you help?
Posted 28 August 2012 - 06:04 PM
jQuery mobile takes all the hard work out of this if you happen to like the style. Example...
Responsive designs use percentage rather than fixed width and @media rules to change the layout for different devices/screen widths. This demo was made using Rage's WebDesign...
It illustrates quite a few of the techniques used in responsive design.
If you are using iWeb, here's a way to create a smart phone version of your site...
Adapting a fixed width site for mobiled devices isn't realistic but you can pay attention to user input buttons such as navigation and other hyperlinks. Make them finger tip size.
Smart phone users are often downloading via compromised cell phone networks and are up against data transfer limits. Keep the content to a minimum and optimize your files for faster download using an app like WebCrusher.
Posted 29 August 2012 - 12:47 PM
Regarding my previous post, do you know if the HTML and CSS code produce a fixed layout or if it is scalable for screen size when using iWeb to design the site and then publishing it with SEIntellingence and web crusher?
Posted 30 August 2012 - 11:36 PM
 Build a separate site for each type of device and use browser sniffing or device width to load the appropriate one.
 Create a fluid design whose content expands and contracts.
 Use @media rules to change the styles for various device widths. This is responsive design.
iWeb can only create a fixed width website. Every iWeb html doc has this in the head...
<meta name="viewport" content="width=980" />
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users