New Mobile CSS Styles for Perishable Press

The amount of time I spend surfing the Web from a mobile device has steadily increased since the acquisition of my new favorite mobile device. Unfortunately, many sites have yet to implement (or even consider) support for mobile devices. Without proper formatting, such sites are virtually useless, requiring unnecessary download times, displaying unreadable pages, and serving unusable content. Given the inevitable ubiquity of mobile access to the World Wide Web, providing reasonable support for handheld browsers is becoming increasingly important. Without it, your site is left looking incomplete and unprofessional when viewed from mobile devices.

So, with that said, today I am happy to announce new mobile CSS styles for Perishable Press. Before today, browsing Perishable Press via mobile device was a royal pain, as the default CSS screen styles would transform the content into an unusable expanse of scrolling text and links. Staying current with site maintenance, comments, and updates was very difficult and time-consuming thanks to the improperly implemented screen styles. If your site is loading screen styles instead of an optimized set of styles for handheld devices, chances are high that your mobile visitors are few and disappointed.

Fortunately, well-designed sites built with standards-compliant (X)HTML are well-prepared to throw down some ultra-tough handheld styles. Simply add the appropriate CSS link to the head of your pages and have fun. Ideally, you should be able to optimize your site for mobile devices using only CSS; however, I finally caved and resorted to the addition of several (only a few!) non-semantic markup elements in order to achieve my mobile design goals. Overall, the new mobile styles transform Perishable Press into a clean, simple, and lightweight site that is accessible and usable on a majority of handheld devices.