HTML role attributes

Introduced as part of XHTML, they mark the functionality or orientation of a give content. Used by WAI-ARIA capable screen readers to deduct content from the page. Example: <div role=”banner”>This is my banner</div> This is supposed to be more semantic than <div class=”banner”> There are a bunch of roles that can be used (you can’t […]

Optimizing for mobile screens

Include the following meta tag: <!– Mobile viewport optimized: j.mp/bplateviewport –> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> Another variation of this is: <meta name=”viewport” content=”user-scalable=no, width=device-width” /> Note that only Safari understands this meta tag. In other browsers this will be ignored. Other small details: Turn off telephone auto link: <meta name=”format-detection” content=”telephone=no”> Turn off autocorrect: <input […]

On Charsets and other strange black sciences

This is basically the software representation of a given map of language characters. The English language, not having lots of different letters, can be represented by 8 byte construct, which give you about 256 characters. Enough to cover all the letters and punctuation signs. Most browsers and computer systems would default to this if not […]