November 2009 - Broken Links Archive

CSS gradient syntax: comparison of Mozilla and WebKit (Part 2)

Update: I wrote this arti­cle in 2009. In ear­ly 2011 WebKit decid­ed to change their syn­tax to match that used in Fire­fox (and the W3C spec­i­fi­ca­tion). The syn­tax con­tained in these arti­cles will be main­tained for rea­sons of back­wards-com­pat­i­bil­i­ty, but you should use the new syn­tax for the future. I’ve writ­ten a post about the new radi­al gra­di­ent syn­tax.

In the first part of this post I gave a pot­ted his­to­ry of the dif­fer­ing syn­tax­es, and pro­vid­ed an overview of how that affect­ed lin­ear gra­di­ents. In this sec­ond part I’m going to look at radi­al gradients.

Here the syn­tax­es diverge slight­ly more, with WebKit requir­ing more val­ues than Mozil­la; while that adds some flex­i­bil­i­ty, it also increas­es the complexity.

Read the full article


CSS gradient syntax: comparison of Mozilla and WebKit

Update: I wrote this arti­cle in 2009. In ear­ly 2011 WebKit decid­ed to change their syn­tax to match that used in Fire­fox (and the W3C spec­i­fi­ca­tion). The syn­tax con­tained in these arti­cles will be main­tained for rea­sons of back­wards-com­pat­i­bil­i­ty, but you should use the new syn­tax for the future.

CSS Gra­di­ents were orig­i­nal­ly pro­posed by the WebKit team in April 2008, mod­i­fied from the syn­tax pro­posed for the Can­vas ele­ment of HTML5. In August of this year, Mozil­la announced that an imple­men­ta­tion slight­ly mod­i­fied from that of WebKit would be in the next ver­sion of Fire­fox (3.6).

Since then, how­ev­er, the CSS WG have dis­cussed a dif­fer­ent syn­tax, and a res­o­lu­tion was passed to add this to the Image Val­ues mod­ule. Mozil­la have decid­ed to imple­ment the new syn­tax, which is sim­pler than WebKit’s but less flexible.

In this arti­cle, which will be split into at least two parts, I’m going to com­pare the two syntaxes.

Read the full article


Mozilla release Bespin Embedded preview

Mozil­la’s Bespin is a code edi­tor built using web tech­nolo­gies. It’s still in its infan­cy, but shows promise. A new release, Bespin Embed­ded, lets you use the basic edi­tor func­tion­al­i­ty on your own web­sites, using just a cou­ple of lines of Javascript. If you don’t want to down­load it your­self, I’ve got a work­ing demo. The edi­tor does­n’t real­ly do much at the moment, so this is real­ly only a proof of concept.


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


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.