November 2010 Archives - Broken Links Archive

CSS Film Titles — Dr. Nakamats

I just watched a great documentary called The Invention of Dr. Nakamats*, and loved the style of the titles and credits (Vimeo video) by The Ronin. I thought I’d have a go at doing them in CSS, and you can see my first attempt here:

Dr. Nakamats in CSS3.

It uses 3D Transformations so needs to be viewed in Safari for the full effect, but degrades quite gracefully. I had a go at adding some animations to it but it didn’t feel right, so I’ve left that out for now. That aside, I’m happy with the way it looks and it was really easy to make. CSS has come a long way.

* If you’re in the UK you can currently watch this on 4OD.

Data Attributes in HTML and jQuery

Sometimes the existing HTML attributes aren’t sufficient for describing an element’s content. We can use class, ref, rel, title and more, but even so there are occasions where that’s not enough. HTML5 addresses this problem with the introduction of Data Attributes, which allow you to add simple metadata to individual elements, largely for the purpose of providing information to make JavaScript functions easier.

Read the full article

The State of Web Education

A few weeks ago I saw Anna Debenham at London Web Standards give a hugely inspiring talk on the state of web development education. She later gave a briefer version of the talk at the Drumbeat Festival. I urge you to at the very least look at the overview and slides of the shorter talk, but if you can put aside 25 minutes you should really watch the video of the full one.

Flex Box article in .net magazine

I’m very proud to have my second article published in .net magazine this month. It’s an introduction to the Flexible Box Layout module (Flex Box), which is currently implemented in Firefox and WebKit browsers and has made a tentative appearance in some of the platform previews of IE9 (although it was dropped for the Beta).

Update: The article is now available to read online: The CSS3 Flexible Box model explained.

The article was really hard to write, because I had to provide information about a whole new set of properties while providing a tutorial on how to use them. I ran to almost four pages in the magazine but still had to leave a few things out — hence this accompanying blog post.

Read the full article


I’ve updated my Speaking page to include more conferences, more videos, and a little on my speaking requirements and preferences. I’m planning to cut down on the number of talks I give in 2014 (twelve is too many), but am always open to interesting offers and opportunities, so please get in touch if you’re organising an event.

[#] 1 Comment . More Asides.