November 2010 - Broken Links Archive

CSS Film Titles ‚ÄĒ Dr. Nakamats

I just watched a great doc­u­men­tary called The Inven­tion of Dr. Naka­mats*, and loved the style of the titles and cred­its (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. Naka­mats in CSS3.

It uses 3D Trans¬≠for¬≠ma¬≠tions so needs to be viewed in Safari for the full effect, but degrades quite grace¬≠ful¬≠ly. I had a go at adding some ani¬≠ma¬≠tions to it but it did¬≠n‚Äôt feel right, so I‚Äôve left that out for now. That aside, I‚Äôm hap¬≠py with the way it looks and it was real¬≠ly easy to make. CSS has come a long way.

* If you’re in the UK you can cur­rent­ly watch this on 4OD.


Data Attributes in HTML and jQuery

Some­times the exist­ing HTML attrib­ut­es aren’t suf­fi­cient for describ­ing an ele­men­t’s con­tent. We can use class, ref, rel, title and more, but even so there are occa­sions where that’s not enough. HTML5 address­es this prob­lem with the intro­duc­tion of Data Attrib­ut­es, which allow you to add sim­ple meta­da­ta to indi­vid­ual ele­ments, large­ly for the pur­pose of pro­vid­ing infor­ma­tion to make JavaScript func­tions easier.

Read the full article


The State of Web Education

A few weeks ago I saw Anna Deben­ham at Lon­don Web Stan­dards give a huge­ly inspir­ing talk on the state of web devel­op­ment edu­ca­tion. She lat­er gave a briefer ver­sion of the talk at the Drum­beat Fes­ti­val. I urge you to at the very least look at the overview and slides of the short­er talk, but if you can put aside 25 min­utes you should real­ly watch the video of the full one.


Flex Box article in .net magazine

I‚Äôm very proud to have my sec¬≠ond arti¬≠cle pub¬≠lished in .net mag¬≠a¬≠zine this month. It‚Äôs an intro¬≠duc¬≠tion to the Flex¬≠i¬≠ble Box Lay¬≠out mod¬≠ule (Flex Box), which is cur¬≠rent¬≠ly imple¬≠ment¬≠ed in Fire¬≠fox and WebKit browsers and has made a ten¬≠ta¬≠tive appear¬≠ance in some of the plat¬≠form pre¬≠views of IE9 (although it was dropped for the Beta).

Update: The arti­cle is now avail­able to read online: The CSS3 Flex­i­ble Box mod­el explained.

The arti¬≠cle was real¬≠ly hard to write, because I had to pro¬≠vide infor¬≠ma¬≠tion about a whole new set of prop¬≠er¬≠ties while pro¬≠vid¬≠ing a tuto¬≠r¬≠i¬≠al on how to use them. I ran to almost four pages in the mag¬≠a¬≠zine but still had to leave a few things out ‚ÄĒ hence this accom¬≠pa¬≠ny¬≠ing blog post.

Read the full article


Aside

I‚Äôve updat¬≠ed my Speak¬≠ing page to include more con¬≠fer¬≠ences, more videos, and a lit¬≠tle on my speak¬≠ing require¬≠ments and pref¬≠er¬≠ences. I‚Äôm plan¬≠ning to cut down on the num¬≠ber of talks I give in 2014 (twelve is too many), but am always open to inter¬≠est¬≠ing offers and oppor¬≠tu¬≠ni¬≠ties, so please get in touch if you‚Äôre organ¬≠is¬≠ing an event.

[#] 1 Comment . More Asides.