Category Archives: Best Practices

Web Development for the iPhone: HTML, CSS & JS Support

Safari and Safari for the iPhone support all HTML elements, including deprecated elements and even some proprietary elements that were never part of any W3C specifications. In addtion, Safari is supporting some HTML5 elements, even though the HTML5 specifications have … Continue reading

Posted in Accessibility, Best Practices, Browsers, Character Entities, contactApp, CSS (including hacks), DTD, firebug, HTML, IE7, InvoiceApp, iPhone, JavaScript, Web Development | 5 Comments

Moving from Web 1.0 to Web 2.0

Moving from Web 1.0 to Web 2.0: Skills you need to know to stay relevant. Moving from Web 1.0 to Web 2.0View more from estellevw. Here is the audio.

Posted in AJAX, Best Practices, Browsers, firebug, Web Development | Leave a comment

22 Questions to Ask Before Developing a Website

I developed this “Website Development Questionnaire” in 2002. It is old, but it still serves me well, so I thought I would share. I don’t actually add the bold or italic sections below. Those were added here to help you … Continue reading

Posted in Best Practices, SEO, UED, Web Development | 42 Comments

WAI-ARIA: Accessible Rich Internet Applications basics

What is ARIA? ARIA stands for Accessible Rich Internet Applications. With the proliferation of internet applications, there has been an increase in the number of sites requiring javascript that update without page refreshes. This imposes accessiblity issues that weren’t addressed … Continue reading

Posted in Accessibility, AJAX, Best Practices, Web Development | 1 Comment

Canonical tag for SEO

Google, Yahoo and Microsoft are now supporting the canonical meta tag as the standard for identifying the actual source of your content: the real URL that you want to recieve page rank for your key terms. Many sites have the … Continue reading

Posted in Best Practices, SEO, Web Development | 7 Comments

hover pseudoclass for the iPhone

Since you’re not hovering, there is no hover pseudo class on the iPhone. instead they have touch events. To simulate the :hover pseudo class, include javascript similar to this: var myLinks = document.getElementsByTagName(‘a’); for(var i = 0; i < myLinks.length; … Continue reading

Posted in Best Practices, CSS (including hacks), HTML, IE7, iPhone, JavaScript, Web Development | 8 Comments

15 JavaScript Gotchas

We all know that JavaScript can trip you up. Here are a 15 common traps that can trip you up when coding javascript. You likely know most of the code on the page, but if you keep these 15 gotchas … Continue reading

Posted in Best Practices, JavaScript, Web Development | 7 Comments

CSS Hack for Google Chrome and Safari 4

Valid CSS filter targeting Google Chrome and Safari 4 To target only webkit, which includes Google and Safari, encompass all the CSS that you want to use just to target Webkit in the following @media block: @media screen and (-webkit-min-device-pixel-ratio:0) … Continue reading

Posted in Best Practices, CSS (including hacks), Web Development | 36 Comments

Yet Another Image Replacement Method

Semantic CSS Image Replacement Yes, "YAIRM" ("Yet Another Image Replacement Method") is a crappy acronym. Anyhow…. There have been several image replacement suggestions made over the past 5 years. Semantically, some just don’t make sense. Of course, the accessibility of … Continue reading

Posted in Best Practices, CSS (including hacks), Web Development | 4 Comments

Favicons: why and how to create favicons

The "WHY" of Favicons Favicons ARE an integral part of your website and branding. Favicons are the single most important graphic appearing on a website. While that sounds like a strong statement, it’s true. Favicons are the least expensive and … Continue reading

Posted in Best Practices, Cursors & Icons, SEO, Web Development | 7 Comments