Small screen HTML runes

Optimising HTML for small screens

I have been interested in optimising HTML for small screens and/or using CSS as the vehicle. This has been driven by my personal publication properties and started at Sun with the then Sun Blog.

Meta and WPTOUCH

This page was originally written in 2009.  The snip was originally called HTML. Obviously small screen devices have exploded in quantity since then. It’s a bigger problem and opportunity today. The bulk of this page was written in 2009, based on fact finding undertaken in 2008. As this wiki and its companion blog become the major platforms for my web presence, I have been reviewing how to deliver the content over small screens. I installed wptouch  fairly quickly after I moved to self managed wordpress and at the end of 2013, wptouch was upgraded with a magnificent look and feel.I tweeted,

vvv Code embed 1 vvv

I suspect the arrival of WPtouch 2013 will slow down my research,  but I had been storing URLs in delicious with the tags, mobile+webdesign


I also have a bunch of bookmarks tagged HTML at


Obviously step one is to hid the sidebars on print. I have found some resources which I hope will help.

Is there a media type for the ipod or other PDAs.


it also points IETF and CSS2 resources. The @@media print” CSS code mentioned on the w3 css2 page looks like what we might need for snipsnap as it may not require an explicit assignment as print rule in the <STYLE> or <LINK> statements.