Type-a-file
A selection of creative commons-licensed, base CSS templates from Russ Maschmeyer to get your web typography off to a great start. I’ll be contributing here as soon as I can.
Update: Russ has added my “Editorial” flavor to the site.
Responsive Web Design
Ethan Marcotte combines fluid grids, flexible images and media queries to demonstrate how best to design for “the ebb and flow of things”. His final example adapts from a single-column layout optimised for handheld devices through to a two-column layout with three alternative navigation styles based upon the width of the browser’s viewport.
HTML5 Watch
Neven Mrgan’s new blog:
My goal is to collect examples of creative, innovative, and unexpected use of emerging web technologies such as HTML5 and CSS3. It’s an itch I need scratched for myself, and something I expect others will find useful too.
Revised Font Stack
A Way Back takes a fresh look at default font stack, first citing statistics about pre-installed fonts, then making recommendations for popular sites like Yahoo and Facebook.
Uniform
A jQuery plugin to style checkboxes, drop-down menus, radio buttons and file upload inputs the same across all browsers. Includes default themes by Josh Pyles and Made by Sofa, plus tools to build your own. (via Tim Van Damme)
PrimerCSS
A webapp that “undercoats” your CSS by placing classes and IDs from your HTML into a starter stylesheet. (via Joshua Brewer)
If a font file fails to return, the page is blocked in IE, the text isn’t displayed in Chrome, and the browser’s busy indicators never stop in IE, Firefox, and Chrome.
— Sobering advice from Steve Souders regarding the use of @font-face custom font declarations in websites, particularly in relation to possible outages if your files are hosted by a third-party service. (via Jeffrey Zeldman)
There’s not a drop of Flash on this [page], from the rotating banners to the music preview player. Everything is straight HTML5, CSS3.
— Judson Collier dissects the markup loaded by iTunes, which uses an embedded Webkit browser to render its entire Music Store, right down to the animated audio players. While the approach isn’t new, many of the CSS tricks are. (via Todd Dominey)
IE6 lives on.
Box model—and heart—broken.position: fetal;
— Mat Marquis’s winning haiku in Dan Cederholm’s recent contest.
