See Also: ARIA States 101 As part of the Web Accessibility Initiative (WAI), the Accessible Rich Internet Applications Suite (ARIA), defines a way to make Web content and Web applications more accessible. It is used to improve the accessibility of dynamic content and advanced user interface controls…

We have all heard of the golden mean (also known as the golden ratio or golden section): the self-replicating page with a proportion of 1:1.618 that is said to be found in everything from the design of ancient Greek architecture to the growth patterns of plants. This and other meaningful ratios…

For seven years, we’ve held tightly to the belief that using progressive enhancement is the right way to build websites and applications. Progressive enhancement is how we build sustainable, interoperable, and accessible web solutions. You’ve seen this before. You… start with pristine, semantic…

Here's a pretty typical site map: boxes and arrows, a decision point, and a conditional section. If you're the person who diagrammed it, you already have a good sense about how the system will work. You know the major interaction paths and what type of content will be present. You know the purpose…

As web sites become more complex, the process that leads us to successfully plan and build a site has evolved. Having multiple designers spend a lot of time creating complete homepage designs with the hope that the client will magically like one is time consuming and risky. Many client budgets can't…

Handling javascript errors as always been sort of a problem for me. Testing every combination possible in a big application is hard, and there is always a chance you will miss something. Of course, we...

About The Author Richard ( @richardshepherd ) is a UK based web designer and front-end developer. He loves to play with HTML5, CSS3, jQuery and WordPress, and currently works …More about RichardShepherd … July 12, 2011 Behind The Scenes Of Nike Better World: Storytelling Experience Upgrade your…

It’s only been on the Mac App Store for a few days, but Final Cut Pro X has already stirred up a whole messy pot of controversy. Despite its status as the top paid and top grossing app in the store, the program has dropped to a measly two-and-a-half star user rating, with more than 200 one-star…

I’m going to make a bold prediction. Long after you and I are gone, HTML will still be around. Not just in billions of archived pages from our era, but as a living, breathing entity. Too much effort, energy, and investment has gone into developing the web’s tools, protocols, and platforms for it to…

Great post by @adactio on the problems with the blockquote element, as currently defined in the HTML5 spec: http://adactio.com/journal/4675/

What Zen was to the 70’s (most famously with motorcycle maintenance), the Tao Te Ching was to the 90’s. From Piglet and Pooh to Physics and back, many have sought sense in applying the Tao Te Ching to something (the Tao of Physics ), or something to the Tao Te Ching (the Tao of Pooh ). It can be a…

If you're curious about Google+, the new social network platform from Google, you're not alone. I've logged several hours already on the platform, experimenting, testing, and observing. It sparks my...

In the previous part of this series, we discussed some techniques and best practices for CSS typography. Let’s now delve into the subject further by looking into some case studies, tools, as well as a...

Article I wrote for the new online version of .net magazine. Direct Link to Article — Permalink

With all the vendor prefixes and all the new complex properties like animations and gradients, it's nice to format them so they are nicely readable. I agree with David DeSandro here that lining up the...

denisejacobs: Great resource: CSS Bugs and Inconsistencies in Firefox 3.x | Webdesigner Depot http://bit.ly/dt6hyx

This is a guest post by Robin Thrift who wrote to me with some demo code for creating this effect. Together we turned it into a jQuery plugin. Enjoy! I was browsing through a few Flash templates on...

When working with HTML5 today, many of you know that you’ll need to include the “HTML5 shiv” to ensure that CSS will recognize and be able to style those elements in browsers that aren’t yet hip to...

The Magic Behind Amazon’s 2.7 Billion Dollar Question by Jared M. Spool Thanks to Marco Dini for the Italian translation to this article. Since its release in 2007, the last volume of the Harry Potter series, Harry Potter and the Deathly Hallows, has garnered 3,490 reviews from Amazon.com customers.…

Starting in 1998 with Internet Explorer 4, and then from March 2008 through March of 2010, one by one, all of the “big five” desktop browsers—Safari, Firefox, Opera, and Chrome—have rolled out roughly comparable implementations of @font-face font linking. With these, an indispensable piece of the…

Although this idea isn't new (and just for the record I know I didn't invent it), when I teach my design philosophy at workshops and conferences I'm often surprised to hear that the notion that people using different browsers (even up-to-date ones) might intentionally see differences in visual…

About The Author Louis Lazaris is a freelance web developer and author based in Toronto, Canada. He blogs about front-end code on Impressive Webs and curates Web Tools Weekly , a …More about LouisLazaris … June 7, 2010 The Principles Of Cross-Browser CSS Coding Upgrade your inbox and get our…

About The Author Lyndon Cerejo is a certified user experience strategist in Capgemini’s Rapid Design & Visualization practice, with a successful track record with …More about LyndonCerejo … June 16, 2010 Design Better And Faster With Rapid Prototyping Upgrade your inbox and get our editors’ picks 2×…

Oh, ’s. How many quirks you posses. Here is a collection of nine things you might want to do related to textareas. Enjoy. 1. Image as textarea background, disappears when text is entered. You can add...

CSS has a property called content. It can only be used with the pseudo elements :after and :before. It is written like a pseudo selector (with the colon), but it’s called a pseudo element because it’s...