Tags: technique

Progressive Enhancement Basics

Some thoughts on progressive enhancement, although I disagree with the characterisation of progressive enhancement as being the opposite choice to making “something flashy that pushes the web to it’s limits”—it’s entirely possible to make the flashiest, limit-pushing sites using progressive enhancement. After all…

it’s much more a mindset than a particular development technique.

Front-end performance for web designers and front-end developers by Harry Roberts

A really good introduction to front-end performance techniques. Most of this was already on my radar, but I still picked up a handy tip or two (particularly about DNS prefetching).

At this stage it should go without saying that you should be keeping up with this kind of thing: performance is really, really, really important.

{ io: The Web Is Growing Up }

A lovely bit of hypertext.

Blame the implementation, not the technique | TimKadlec.com

It might seem like an obvious point, but what Tim is talking about here happens over and over again: a technique is dismissed based on bad implementation.

HTML5 and CSS3 Advent 2011

Here’s a geek advent calendar I missed. There are some great CSS techniques here.

Responsive Data Tables | CSS-Tricks

Some good ideas for formatting tabular data for small screens.

Tips, Tricks and Best Practices for Responsive Design | Webmonkey | Wired.com

A nice round-up of responsive design techniques, with a particular focus on content first.

Demo: CSS drop-shadows without images – Nicolas Gallagher

Some nice drop-shadow effects. Generated content is the key.

Mike Harvkey - Closely Watched – The 10 best long tracking shots ever filmed - True/Slant

I'll take any excuse to watch the opening of Touch of Evil — I don't think it'll ever be topped.

The Paragraph in Web Typography & Design — Jon Tan ?

A wonderfully informative and useful look at paragraphs styles ...in history and in CSS.

Edge to edge alignment with CSS | Matt Wilcox .net

Here's a very handy CSS technique for floating a group of objects edge to edge. I've been in this situation quite a few times in the past.