Mar 26

HTML Markup:

  • XHTML Strict 1.0 W3C valid markup.
  • Semantically correct markup – e.g. use <ul> unordered lists for any list of items.
  • Common identifiers should be used based on potential HTML classes and hCard microformat.

Cross Browser Valid:

  • Identical (and fully functional) user experience across browsers. (note: browser differences for font anti-aliasing are expected) – Internet Explorer 6, 7 & 8 + Safari 2 & 3 + Firefox 2 & 3 + Google Chrome + Opera 9 for Windows XP | Firefox 2 & 3 + Safari 2 & 3 for Mac OSX.

CSS Styling:

  • CSS styles must be completely unobtrusive with no inline styles.
  • Elements should not be positioned absolutely unless necessary – All main element blocks should normally be positioned relatively so if new content is added the existing elements would automatically reposition in the flow. Also wherever font-size is increased the layout integrity remains.

Continue reading »

Mar 26

Image Toolbar

If you add the following meta tag:
<meta http-equiv="imagetoolbar" content="no">
Then you won't see the following for IE image hover:
IE image toolbar effect

Skype Toolbar

If you add the following meta tag:
<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />
Then ONLY phone numbers within the following tags will be highlighted:
<!-- sphoneid telnr="+15551234456" fileas="John Smith" -->(555) 1234 456<!-- sphoneid -->
IE image toolbar effect

Useful meta tag link: More information on meta tags