Thursday, April 23, 2009

6 Steps to Create a Cross-Browser Friendly Web Page

UPDATE: the CSS menu example has been tweaked for better performance in IE 7...Building a cross-browser friendly web page is still as challenging as it wasright afterthe millenniumrelease of IE6 in 2001 andwhile Microsoft FrontPagewas still in its heyday creating web pages withoutDocument Type Definitions (DTD).So here is a quick tutorialand checklist on how to create a web page that will be standards compliant for at least the next few years:(1) Use a strict DocType and compliant HTML and CSS....

Read More "6 Steps to Create a Cross-Browser Friendly Web Page"

Friday, April 17, 2009

Formatting the Perfect E-mail (with Template)

In corporate environments the email newsletter is still going strong and should be considered as another arrow in your marketing quiver alongside of your Blogs, RSS feeds and Twitter micro-blog.However, creating an email template that will work across an array of email clients that include AOL Webmail, Apple Mail, .Mac, Entourage, Gmail, Lotus Notes, Outlook 2007, Windows Mail, Windows Live Mail, Windows Live Hotmail, Thunderbird, Eudora (Penelope) and Yahoo (Classic and New), wasespecially challenging...

Read More "Formatting the Perfect E-mail (with Template)"

Wednesday, April 08, 2009

2008 Web Design and Development Survey

A List Apart has released their Findings From The Survey For People Who Make Websites 2008.30,055 readers took part in the survey and they have graciously provided the full statistics data-set for users to perform their own additional analysis here: [3.01 MB .zip csv file].There is still some trepidation about the economy and its impact on the field - as one would expect.And as implied in the quote attributed to Mark Twain (but never verified) -There are three kinds of lies: lies, damned lies...

Read More "2008 Web Design and Development Survey"

Wednesday, April 01, 2009

CUFON Styles : font color, line-height and sizing

After our brief post regarding fontreplacement using CUFON we have been innundated with requests on how tomanipulate the look and feel of the replacementfonts.Examples:CITE { PADDING-BOTTOM: 10px; LINE-HEIGHT: 1.2em; MARGIN: 1em 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: #fff; COLOR: #0c6; FONT-SIZE: 300%; PADDING-TOP: 10px}H5 { PADDING-BOTTOM: 10px; LINE-HEIGHT: 1.2em; MARGIN: 1em 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: #fff; COLOR: #666; FONT-SIZE: 200%; PADDING-TOP:...

Read More "CUFON Styles : font color, line-height and sizing"