Archive for the ‘Design’ Category

Converting Points to Pixels (and ems and %)

No Comments »

this is a good chart and one that I find really easy to reference – a definite bookmark!  There may be better ones, if you have any suggestions let us know – we would always be glad to hear about them…

http://reeddesign.co.uk/test/points-pixels.html

courtesy of Reed Design – Thanks


Web-Safe Fonts Or Fonts Common To Mac & Windows

2 Comments »

Many of our clients request fonts for their web site that just simply will not show up on the majority of computers due to the viewers computer simply not having the font loaded. Below is a list of “web-safe” fonts that will insure your site to be viewable and appear consistently with almost all viewers to your site.

Windows fonts / Mac fonts / Font family
Normal style Bold style
Arial, Arial, Helvetica, sans-serif Arial, Arial, Helvetica, sans-serif
Arial Black, Arial Black, Gadget, sans-serif Arial Black, Arial Black, Gadget, sans-serif
Comic Sans MS, Comic Sans MS5, cursive Comic Sans MS, Comic Sans MS5, cursive
Courier New, Courier New, Courier6, monospace Courier New, Courier New, Courier6, monospace
Georgia1, Georgia, serif Georgia1, Georgia, serif
Impact, Impact5, Charcoal6, sans-serif Impact, Impact5, Charcoal6, sans-serif
Lucida Console, Monaco5, monospace Lucida Console, Monaco5, monospace
Lucida Sans Unicode, Lucida Grande, sans-serif Lucida Sans Unicode, Lucida Grande, sans-serif
Palatino Linotype, Book Antiqua3, Palatino6, serif Palatino Linotype, Book Antiqua3, Palatino6, serif
Tahoma, Geneva, sans-serif Tahoma, Geneva, sans-serif
Times New Roman, Times, serif Times New Roman, Times, serif
Trebuchet MS1, Helvetica, sans-serif Trebuchet MS1, Helvetica, sans-serif
Verdana, Verdana, Geneva, sans-serif Verdana, Verdana, Geneva, sans-serif
Symbol, Symbol (Symbol2, Symbol2) Symbol, Symbol (Symbol2, Symbol2)
Webdings, Webdings (Webdings2, Webdings2) Webdings, Webdings (Webdings2, Webdings2)
Wingdings, Zapf Dingbats (Wingdings2, Zapf Dingbats2) Wingdings, Zapf Dingbats (Wingdings2, Zapf Dingbats2)
MS Sans Serif4, Geneva, sans-serif MS Sans Serif4, Geneva, sans-serif
MS Serif4, New York6, serif MS Serif4, New York6, serif


  • Georgia and Trebuchet MS are bundled with Windows 2000/XP and they are also included in the IE font pack (and bundled with other MS applications), so they are quite common in Windows 98 systems.
  • Symbolic fonts are only displayed in Internet Explorer, in other browsers a font substitute is used instead (although the Symbol font does work in Opera and the Webdings works in Safari).
  • Book Antiqua is almost exactly the same font that Palatino Linotype, Palatino Linotype is included in Windows 2000/XP while Book Antiqua was bundled with Windows 98.
  • These fonts are not TrueType fonts but bitmap fonts, so they won’t look well when using some font sizes (they are designed for 8, 10, 12, 14, 18 and 24 point sizes at 96 DPI).
  • These fonts work in Safari but only when using the normal font style, and not with bold or italic styles. Comic Sans MS works in bold but not in italic. Other Mac browsers seems to emulate properly the styles not provided by the font.
  • These fonts are present in Mac OS X only if Classic is installed.

What is RSS?

1 Comment »

a short but potentially useful article for those that do not yet know/understand the purpose or relevance of  the little orange RSS button!

Courtesy of  Stilton Studios – Article Link: Link: What is RSS?


A Simple Step-by-Step Tutorial to CSS Inheritance

1 Comment »

A simple, step-by-step presentation on CSS inheritance that covers the document tree, rule sets, basic inheritance and font-size inheritance. Hope you find it useful!

Link : CSS Inheritance

Courteousy of www.maxdesign.com.au (taken from WSG Links from Light Reading)


Traffic drops and site architecture issues

No Comments »

This article is from the Google Webmaster Central and will need a certain level of understanding to be read. Useful? Maybe!

traffic drop and site architecture

(all links coutesy of Link for Light Reading – Web Standards Group)


CSS – A Simple Cascade Presentation

No Comments »

Courtesy of MAXDESIGN.COM.AU

Here is a presentation I gave on the CSS cascade at a company training session recently. A simple step-by-step tutorial on the CSS cascade – for web designers and developers who are new to CSS or have struggled with the Cascade

www.maxdesign.com.au/2009/06/30/css-cascade

(All Links courtesy of Web Standards Groups – Links for Light Reading)