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

ooOOOoo

I also have a bunch of bookmarks tagged HTML at http://del.icio.us/DaveLevy.

Media

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.

finds

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.

Related Posts

  • Snipsnap and the ‘html’ macro One of the add on features contributed  by the community to the snipsnap project was an […]
  • Optimising HTML for Mobile Devices Of course, because I am using wordpress, I have access to the wptouch plugin, which now […]
  • Decorating Blockquotes Now I have one of those pretty quote decorations in my quotes on this wiki. The […]
  • HTML Slide Shows I wanted to create a scrolling picture show as many sites use for their front page […]
  • Disqus This is page contains complex html i.e. javascript, the page must only be edited as […]

Leave a Reply

Your email address will not be published. Required fields are marked *