safari Archives - 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.

Playing WebM in Safari with plugins

As you‚Äôre no doubt aware, HTML5 video is this year‚Äôs big thing ‚ÄĒ but there‚Äôs a dis¬≠pute going on about which should become the default stan¬≠dard video codec. The cur¬≠rent nascent de fac¬≠to stan¬≠dard is H.264, but recent¬≠ly the new WebM for¬≠mat is gain¬≠ing traction.

I‚Äôve no idea how the web video for¬≠mat war will end. My pref¬≠er¬≠ence is that a free, non-patent encum¬≠bered, high-qual¬≠i¬≠ty video codec will become the stan¬≠dard, and WebM is the best fit for that descrip¬≠tion. Despite the recent announce¬≠ment by the MPEG LA, the patent pool which con¬≠trols licens¬≠ing of H.264, that it will always be free for ‚Äėvideo deliv¬≠ered to the inter¬≠net with¬≠out charge‚Äô, that still does¬≠n‚Äôt make it free-as-in-speech, and still not free-as-in-beer for any¬≠one want¬≠i¬≠ng to build a busi¬≠ness around video encoding/decoding (which includes, if I‚Äôm not mis¬≠tak¬≠en, bundling it with a brows¬≠er). All that said, my pref¬≠er¬≠ence is mean¬≠ing¬≠less in the face of so many vest¬≠ed busi¬≠ness interests.

Read the full article

Using SVG in background-image

While hav­ing a look through the list of fea­tures for devel­op­ers planned for Fire­fox 4 ear­li­er today, I noticed this:

You can now use SVG with the img ele­ment, as well as the back­ground image in CSS.

I know you can already use SVG in background-image with Safari, Chrome and Opera, and this, cou¬≠pled with Inter¬≠net Explor¬≠er‚Äôs push towards SVG and the strong chance this will be avail¬≠able in IE9, made me decide to take a clos¬≠er look.

Read the full article

Using the GeoLocation API

With the rapid growth of the mobile web, loca¬≠tion-aware ser¬≠vices are very much in-demand; the GeoLo¬≠ca¬≠tion API was pro¬≠posed to cater to this need.

Imple­men­ta­tion is spot­ty at the moment; Fire­fox 3.5 sup­ports it, as does Safari for iPhone (although not on the desk­top, AFAICS). But it’s so sim­ple to use, I’ve no doubt it will be adopt­ed rapidly.

Read the full article

CSS Animation Pong

The recent release of the Safari 4 Beta saw a new stan­dards pro­pos­al from the Webkit team, for con­trol­ling ani­ma­tion using CSS. While there’s still a debate to be had about whether CSS is the right lan­guage for this (I still fall on the side that it does­n’t, strict­ly), I do think their imple­men­ta­tion is well han­dled. I want­ed to try it out, so I went back to the ear­li­est form of dig­i­tal enter­tain­ment: Pong!

Read the full article

Microformats on Safari/iPhone

I‚Äôve become one of the ranked mass¬≠es of iPhone users, and now that I‚Äôve come to terms with its lim¬≠i¬≠ta¬≠tions I‚Äôm gen¬≠er¬≠al¬≠ly pret¬≠ty hap¬≠py with it. One thing that strikes me as pret¬≠ty strange, how¬≠ev¬≠er, is the lack of sup¬≠port for the com¬≠mon data for¬≠mats iCal¬≠en¬≠dar and vCard ‚ÄĒ and, as a result of that, the non-exis¬≠tent sup¬≠port of the hCal¬≠en¬≠dar and hCard micro¬≠for¬≠mats ‚ÄĒ in Safari.

It seems to me that a device such as the iPhone, with its built-in cal¬≠en¬≠dar and address book, would be able to make great use of the above micro¬≠for¬≠mats to pull con¬≠tact data and events from web pages; it is, in fact, almost the per¬≠fect device for doing so.

Read the full article



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.