Put Your Content in My Pocket

The iPhone includes a sophisticated new Safari browser. This version is touted as 'the most advanced web browser on a portable device' and from what I've seen, it deserves this accolade. So what does this mean for you? Millions of visitors accessing your content on a small display with very high resolution. At some point in the near future, you're going to want to take a look at your current site design to make sure that it looks good and works well on this new device and its Mobile Safari browser.

Hockenberry, Craig. List Apart, A (2007). Design>Web Design>Wireless Web>CSS

Switchy McLayout: An Adaptive Layout Technique

The introduction of new mobile and computing devices challenges us to look beyond the liquid layout. Marc van den Dobbelsteen offers a way to bring appropriate layouts to a wider range of screens and devices.

van den Dobbelsteen, Marc. List Apart, A (2006). Design>Web Design>Wireless Web>CSS

Return of the Mobile Style Sheet

If you’re just getting started with mobile design, you may face a number of hurdles, including the cost or technical challenge of designing and maintaining a second site—or a simple lack of understanding of how people on the go might use your site. This article discusses a first step toward mobile design that uses CSS to maximize interoperability across platforms. By starting simple, you can provide a decent initial experience, solicit user feedback, and iterate toward a more mobile-friendly design.

Hazaël-Massieux, Dominique. List Apart, A (2009). Articles>Web Design>Wireless Web>CSS