{"id":962,"date":"2009-01-02T15:07:20","date_gmt":"2009-01-02T15:07:20","guid":{"rendered":"http:\/\/wiki.davelevy.info\/?p=962"},"modified":"2024-12-04T17:17:35","modified_gmt":"2024-12-04T17:17:35","slug":"small-screen-html-runes","status":"publish","type":"post","link":"https:\/\/davelevy.info\/wiki\/small-screen-html-runes\/","title":{"rendered":"Small screen HTML runes"},"content":{"rendered":"<h3>Optimising HTML for small screens<\/h3>\n<p>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. I marked it as deprecated in 2020. <!--more--><\/p>\n<h4>Meta and WPTOUCH<\/h4>\n<p>This page was originally written in 2009.\u00a0 The snip was originally called HTML. Obviously small screen devices have exploded in quantity since then. It&#8217;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\u00a0 fairly quickly after I moved to self managed wordpress and at the end of 2013, wptouch was upgraded with a magnificent look and feel.<\/p>\n<p>I suspect the arrival of WPtouch 2013 will slow down my research.<\/p>\n<p style=\"text-align: center;\">ooOOOoo<\/p>\n<p>[jp-rss-feed url=http:\/\/davelevy.info\/delicious\/html-bookmarks.rss numitems=&#8221;7&#8243; getdesc=&#8221;50&#8243; ]<\/p>\n<h4>Media<\/h4>\n<p>Obviously step one is to hid the sidebars on print. I have found some resources which I hope will help.<\/p>\n<p>Is there a media type for the ipod or other PDAs.<\/p>\n<ul>\n<li><a href=\"http:\/\/www.google.co.uk\/search?hl=en&amp;q=html+media+types&amp;btnG=Google+Search&amp;meta=\">Google: html media types<\/a><\/li>\n<\/ul>\n<p>finds<\/p>\n<ul>\n<li>the <a href=\"http:\/\/www.w3.org\/TR\/html401\/types.html\">w3.org page<\/a> on media types<\/li>\n<\/ul>\n<p>it also points <b>IETF<\/b> and <b>CSS2<\/b> resources. The @@media print&#8221; CSS code mentioned on the <a href=\"http:\/\/www.w3.org\/TR\/CSS2\/media.html\">w3 css2<\/a> page looks like what we might need for snipsnap as it may not require an explicit assignment as print rule in the &lt;STYLE&gt; or &lt;LINK&gt; statements.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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. I marked it as deprecated in 2020.<\/p>\n","protected":false},"author":1,"featured_media":4694,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","_share_on_mastodon":"0"},"categories":[27,3],"tags":[991,1184,253,441,36,301,920,911,849,218],"class_list":["post-962","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software","category-technology","tag-code-embed","tag-deprecated","tag-html","tag-mobile","tag-programming","tag-small-screen","tag-software","tag-technology","tag-webdesign","tag-www"],"share_on_mastodon":{"url":"","error":""},"jetpack_featured_media_url":"https:\/\/davelevy.info\/wiki\/wp-content\/uploads\/2011\/04\/macos-1011-w650.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/posts\/962","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/comments?post=962"}],"version-history":[{"count":7,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/posts\/962\/revisions"}],"predecessor-version":[{"id":10074,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/posts\/962\/revisions\/10074"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/media\/4694"}],"wp:attachment":[{"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/media?parent=962"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/categories?post=962"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/tags?post=962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}