10 tips for designing mobile websites | These Days Labs. 10 tips for web designers in 2010 - the year of the mobile. 1. Design with a fluid layout, min-width: 320px There are two factors that make this a necessity. First, mobile device screens are so small that you really need to utilise all of the available space. I have found websites with a minimum width of 320px will look good on most high-end mobile devices like the iPhone, Android and Nokia N97. Technically, the retina display on the iPhone 4 has a screen resolution of 640 x 960 pixels but don't worry, if you optimise your site for 320 x 480, the iPhone 4 will scale it up by a factor of two so it fits the whole screen. 2.
The iPhone 4 display has four times the number of pixels as that of the original iPhone. Designers should create their Photoshop documents with a width of 640 pixels. Here's how to use a CSS media query to insert a high resolution image for iPhone 4: The first line that might jump out at you as being a little unusual is probably -webkit-background-size: 100px 40px;. 3. jQuery Mobile: Demos and Documentation. Facebook Style Slide Out Menu in jQuery Mobile | A Blog for Aldo Lugo a Sr. Front-end Developer & Designer from Dallas, Texas. iPhone Design 101.
jQuery Mobile 1.0. The official release of jQuery Mobile 1.0 was recently announced, and this tutorial will provide you with an overview of how this popular framework can assist you in your cross-platform and web based app development! jQuery Mobile is an extension to the popular jQuery JavaScript framework. As the name suggests, it is an implementation specifically geared toward mobile devices, and over the last year it has come a long way.
It is now one of the more popular frameworks for developing web based applications on mobile devices. In addition to providing a great solution for standalone web based apps, it is also often wrapped in an SDK like PhoneGap to serve as an essential component to many native applications. The team behind jQuery Mobile has been working hard to get the framework where it is today, and the last three months specifically have taken it from a beta to an official release. Create Your Page Before we begin, we need to make sure that we have a couple of things in the right place.