Matthew Buchanan

Type-a-file

Tue, 02 Nov 2010 09:49:00 +1300

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

Wed, 26 May 2010 00:13:45 +1200

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

Fri, 21 May 2010 18:42:00 +1200

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

Wed, 24 Feb 2010 10:39:09 +1300

Revised Font Stack:

David Kaneda:

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

Tue, 09 Feb 2010 23:03:01 +1300

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

Fri, 15 Jan 2010 10:55:00 +1300

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..."

Wed, 14 Oct 2009 21:38:00 +1300

“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...."

Fri, 11 Sep 2009 07:38:28 +1200

“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;"

Thu, 03 Sep 2009 23:01:47 +1200

“IE6 lives on.
Box model—and heart—broken.
position: fetal;”

- Mat Marquis’s winning haiku in Dan Cederholm’s recent contest.

Handsome @font-face demo by Teehan+Lax that utilises open-source...

Sun, 19 Jul 2009 16:33:00 +1200

Handsome @font-face demo by Teehan+Lax that utilises open-source fonts including Chunk by Meredith Mandel, available from The League of Moveable Type.