WebEngineer codex

The joy of EM’s 12 January 2007

Remember font sizes compound when using EM’s as an em is a relative type size.

2 EM Sans serif

1.8 EM Lorum Ipsum

1.6 EM Lorum Ipsum

1.4 EM Lorum Ipsum

1.2 EM Lorum Ipsum

1 EM Lorum Ipsum

0.98 EM Lorum Ipsum

0.96 EM Lorum Ipsum

0.94 EM Lorum Ipsum

0.92 EM Lorum Ipsum

0.9 EM Lorum Ipsum

0.88 EM Lorum Ipsum

0.86 EM Lorum Ipsum

0.84 EM Lorum Ipsum

0.82 EM Lorum Ipsum

0.8 EM Lorum Ipsum

0.7 EM Lorum Ipsum

0.6 EM Lorum Ipsum

0.5 EM Lorum Ipsum

2 EM Serif

1.8 EM Lorum Ipsum

1.6 EM Lorum Ipsum

1.4 EM Lorum Ipsum

1.2 EM Lorum Ipsum

1 EM Lorum Ipsum

0.98 EM Lorum Ipsum

0.96 EM Lorum Ipsum

0.94 EM Lorum Ipsum

0.92 EM Lorum Ipsum

0.9 EM Lorum Ipsum

0.88 EM Lorum Ipsum

0.86 EM Lorum Ipsum

0.84 EM Lorum Ipsum

0.82 EM Lorum Ipsum

0.8 EM Lorum Ipsum

0.7 EM Lorum Ipsum

0.6 EM Lorum Ipsum

0.5 EM Lorum Ipsum

EM Monospace
8 EM Lorum Ipsum
6 EM Lorum Ipsum
4 EM Lorum Ipsum
2 EM Lorum Ipsum
EM Lorum Ipsum
98 EM Lorum Ipsum
96 EM Lorum Ipsum
94 EM Lorum Ipsum
92 EM Lorum Ipsum
9 EM Lorum Ipsum
88 EM Lorum Ipsum
86 EM Lorum Ipsum
84 EM Lorum Ipsum
82 EM Lorum Ipsum
8 EM Lorum Ipsum
7 EM Lorum Ipsum
6 EM Lorum Ipsum
5 EM Lorum Ipsum

2 EM Sans serif

1.8 EM Lorum Ipsum

1.6 EM Lorum Ipsum

1.4 EM Lorum Ipsum

1.2 EM Lorum Ipsum

1 EM Lorum Ipsum

0.98 EM Lorum Ipsum

0.96 EM Lorum Ipsum

0.94 EM Lorum Ipsum

0.92 EM Lorum Ipsum

0.9 EM Lorum Ipsum

0.88 EM Lorum Ipsum

0.86 EM Lorum Ipsum

0.84 EM Lorum Ipsum

0.82 EM Lorum Ipsum

0.8 EM Lorum Ipsum

0.7 EM Lorum Ipsum

0.6 EM Lorum Ipsum

0.5 EM Lorum Ipsum

2 EM Serif

1.8 EM Lorum Ipsum

1.6 EM Lorum Ipsum

1.4 EM Lorum Ipsum

1.2 EM Lorum Ipsum

1 EM Lorum Ipsum

0.98 EM Lorum Ipsum

0.96 EM Lorum Ipsum

0.94 EM Lorum Ipsum

0.92 EM Lorum Ipsum

0.9 EM Lorum Ipsum

0.88 EM Lorum Ipsum

0.86 EM Lorum Ipsum

0.84 EM Lorum Ipsum

0.82 EM Lorum Ipsum

0.8 EM Lorum Ipsum

0.7 EM Lorum Ipsum

0.6 EM Lorum Ipsum

0.5 EM Lorum Ipsum

EM Monospace
8 EM Lorum Ipsum
6 EM Lorum Ipsum
4 EM Lorum Ipsum
2 EM Lorum Ipsum
EM Lorum Ipsum
98 EM Lorum Ipsum
96 EM Lorum Ipsum
94 EM Lorum Ipsum
92 EM Lorum Ipsum
9 EM Lorum Ipsum
88 EM Lorum Ipsum
86 EM Lorum Ipsum
84 EM Lorum Ipsum
82 EM Lorum Ipsum
8 EM Lorum Ipsum
7 EM Lorum Ipsum
6 EM Lorum Ipsum
5 EM Lorum Ipsum

[0] January 12, 2007

The Joy of XHTML 14 November 2006

Ok – not the most exciting of subjects, but one that can cause hours of pain… We’ve been doing some compatability tests with IE7, FF2 (PC) and Safari/FF on the Mac with XHTML, during i’ll try to keep this post updated with my findings…

Javascript

Strict XHTML spec doesn’t recognise ‘document.write’ if your specifiying a document type of XHTML you should use getElementByID to write content from javascript – though only once the document has loaded (see below).

Tables and images – white space bug

Setting style ‘line-height’ to 0 in tables used for layout of images will cure a nasty white space glitch – however this does feel like a bit of a hack… this works in all browsers except Safari – in safari, check cell alignments and add height, width and overflow to hidden in your style on the cell tag, this forces this extra white space to disappear….

Operation aborted in ie…

Almost completed this update, back testing in ie 6 only to get the following error….

WTF has explorer gone insane…

Found some interesting info on Ryan Grants blog to do with this

Ok – i think i’ve reached a conclusion on this – the actual problem is specific only to Javascript that maniputlates the DOM, you can only do this one the DOM has loaded… Because of this in some instances you may find document.write has to be used if your embedding flash content via javascript in a complex page and want that content to without having to wait for the document to load – this does still work in FF2 and IE7.

more may follow….

[0] November 14, 2006

HTML links of interest 30 June 2006

All things meta
http://vancouver-webpages.com/META/metatags.detail.html

Excelent discussions on web design and theory
http://www.alistapart.com/topics/

[0] June 30, 2006

The joy of EM’s 12 January 2007

The Joy of XHTML 14 November 2006

HTML links of interest 30 June 2006

Meta