Nice! RT @brianboyer: Probably our best @rwd graphic yet. Fine work by @eads & @KatieNieland!

trendy but useful

another day, another jquery slider

weird

designers of crane brothers website

via @ftrain

tantek is very against this, to keep an eye on
http://tantek.com/2011/3

looks kinda like a promo for their workshop
but could have some good hints?

nice use of webfonts. try resizing.

write css with a photoshop dialog

Holmes is stand-alone diagnostic CSS stylesheet that can highlight potentially invalid, inaccessible or erroneous HTML(5) markup by adding one class.

CoffeeScript is a little language that compiles into JavaScript. Underneath all of those embarrassing braces and semicolons, JavaScript has always had a gorgeous object model at its heart. CoffeeScript is an attempt to expose the good parts of JavaScript in a simple way.

The golden rule of CoffeeScript is: "It's just JavaScript". The code compiles one-to-one into the equivalent JS, and there is no interpretation at runtime. You can use any existing JavaScript library seamlessly (and vice-versa). The compiled output is readable and pretty-printed, passes through JavaScript Lint without warnings, will work in every JavaScript implementation, and tends to run as fast or faster than the equivalent handwritten JavaScript.

Web Widget for Visualizing Temporal Data

To paraphrase Donald Rumsfeld, web design is filled with quite a few known unknowns. Here are three of them:

Viewport: the dimensions of the browser that a person uses to access your content.
Bandwidth: the speed of the network connection that a person uses to access your content.
Context: the environment from which a person accesses your content.

Starkers is a bare-bones WordPress theme created to act as a starting point for the theme designer.

Free of all style, presentational elements, and non-semantic markup, Starkers is the perfect ‘blank slate’ for your projects, as it’s a stripped-back version of the ‘Twenty Ten’ theme that ships with WordPress.

Just for kicks. Themes: semantic web (e.g. linked data, conversational interfaces — though these are considered to be web 4.0 by some?), metaverse (a.k.a. living in the ether/augmented reality), brain-computer interfaces(!)

had to look this up after seeing a form design categorized as "Web 2.0" and lolling all over the place

This is a "bookmarklet" that turns any page into Katamari Damacy. Try clicking the Katamari! link above.

This was the winner of the 2011 Yahoo HackU contest at University of Washington.

How does it work?

Short version: css transforms (for things stuck to the katamari), canvas (drawing the katamari), and z-index (illusion of depth).

RT @newsycombinator: Google finally has a 404 page that isn't ugly

"Timelines seem to me a format ideally suited to the Web.
-browsable
-editable
-compact
-permits many offsite links
-object of contemplation


Maximising diversity was a goal, because the timeline makes a better object of contemplation if it brings together lines of thought that are normally segregated.

Boiling down more-complex issues to seven words is an art I've been exploring for several years in my weblog-headlines. [eg]

Some time-periods were unusually rich (the Sixties, the Cambrian) others sparse (hominid evolution, galactic evolution)."

scroll down to the table of geologic time

Interactive chart of cultural institutions in NYC sortable by price, hour, and location.

Browse Flickr machine tag namespaces, predicates and values.