api Archives - Broken Links Archive

JavaScript: The Selectors API

JavaScript libraries like jQuery and Pro¬≠to¬≠type are amaz¬≠ing; flex¬≠i¬≠ble and pow¬≠er¬≠ful, they stan¬≠dard¬≠ise process¬≠es and make cross-brows¬≠er script¬≠ing real¬≠ly easy. I rarely work on a project nowa¬≠days where a library isn‚Äôt used.

Their ease-of-use has a slight draw­back, how­ev­er: it’s easy to rely on them too much, and lose sight of new devel­op­ments in JavaScript. This was the rea­son for my not real­ly pay­ing much atten­tion to an excit­ing recent intro­duc­tion, the Selec­tors API, until I had cause to use it on a per­son­al project.

Read the full article

My Name In Print

I hope you‚Äôll for¬≠give a lit¬≠tle self-pro¬≠mo¬≠tion, as I‚Äôd just like to play a few quick notes on my own trum¬≠pet. The lat¬≠est issue of Net mag¬≠a¬≠zine is now on sale, and fea¬≠tures a tuto¬≠r¬≠i¬≠al arti¬≠cle, Cre¬≠ate A Dynam¬≠ic Con¬≠tent Pan¬≠el, writ¬≠ten by me.

In the arti­cle I explain how to build a dynam­ic Con­tact area, as we did on our recent redesign of Preloaded.com, using the Web Stor­age API and the BBC’s Glow Javascript library.

I‚Äôm not sure what the rights sit¬≠u¬≠a¬≠tion is with this arti¬≠cle, but I hope that at some point in the future I‚Äôll be able to post it here on my blog. But in the mean¬≠time, you can buy a copy of Net mag¬≠a¬≠zine in the UK at all good newsagents, as the say¬≠ing goes (I don‚Äôt know if it will be in over¬≠seas edi¬≠tions also).

Printed TutorialPrinted TutorialPrinted Tutorial

On the sub¬≠ject of print, I‚Äôm also cur¬≠rent¬≠ly writ¬≠ing a book about CSS3 which should be pub¬≠lished lat¬≠er this year. I‚Äôll have more infor¬≠ma¬≠tion on that near¬≠er the time.

Firefox 3.6 uses the W3C File API

Last month the W3C released a work¬≠ing draft of the File API, which defines the basic rep¬≠re¬≠sen¬≠ta¬≠tions for files, lists of files, errors raised by access to files, and pro¬≠gram¬≠mat¬≠ic ways to read files. The Fire¬≠fox team have already imple¬≠ment¬≠ed much of it, and have released a series of impres¬≠sive demos on hacks.mozilla.org, which you can see if you have a recent beta of Fire¬≠fox 3.6 (or a night¬≠ly trunk build).

The four demos shown to date dis­play dif­fer­ent (although relat­ed) aspects of the API, show­ing first mul­ti­ple file uploads, then a drag and drop upload inter­face, next adding progress infor­ma­tion (although this does­n’t work for me), then read­ing EXIF data from a JPEG image. You can imag­ine how these com­bined would be used for native drag and drop upload­ing to Flickr, for example.

The File API plays a big part in inte¬≠grat¬≠ing the brows¬≠er more tight¬≠ly with the OS, par¬≠tic¬≠u¬≠lar¬≠ly when com¬≠bined with the drag and drop func¬≠tion¬≠al¬≠i¬≠ty, and I‚Äôm sure it‚Äôs only a mat¬≠ter of time until the oth¬≠er browsers imple¬≠ment this. Con¬≠grat¬≠u¬≠la¬≠tions to the Fire¬≠fox team for their work on this, and hacks.mozilla.org for some great demos.

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

Visualising search relevance with Google charts

Some search engines, par­tic­u­lar­ly on con­tent man­age­ment sys­tems, give a per­cent­age fig­ure for the rel­e­vance of a result to your search term. When view­ing a lot of results on a page, the fig­ures can tend to run into one anoth­er and be hard to quick­ly distinguish.

This was the case with a client site I‚Äôm build¬≠ing using CMS Made Sim¬≠ple at the moment, and the results page suf¬≠fered from a lack of clar¬≠i¬≠ty. Think¬≠ing of a way to sim¬≠pli¬≠fy the page, I remem¬≠bered the old adage ‚Äúa pic¬≠ture is worth a thou¬≠sand words‚ÄĚ and hit upon the idea of using Google‚Äôs Chart API to replace the figures:

Read the full article

What I saw at @media 2008

As is cus¬≠tom¬≠ary (or as cus¬≠tom¬≠ary as ‚Äėtwice‚Äô can be), here is a quick round-up of the ses¬≠sions I attend¬≠ed at @media this year, with links to slides where avail¬≠able (which, as I type this, is pret¬≠ty much unavailable).

Ses­sions which I found par­tic­u­lar­ly inter­est­ing should be cov­ered in more detail lat­er, and I’ll update here as I find more presentations.

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.