November 2013 - Broken Links Archive

Cross-browser filters with CSS and SVG

For some time now, since Safari 6 and Chrome 18 were released, weā€™ve been able to use the -webkit-filter CSS propĀ­erĀ­ty to apply graphĀ­iĀ­cal filĀ­ters to HTML conĀ­tent. But it seems that many peoĀ­ple arenā€™t aware that you can also do this in FireĀ­fox and ā€” withĀ­in a very limĀ­itĀ­ed set of paraĀ­meĀ­ters ā€” IE9 and above.

The reaĀ­son for this is that all of these browsers supĀ­port SVG filĀ­ter effects, and CSS filĀ­ter effects are basiĀ­calĀ­ly shortĀ­hand funcĀ­tions that apply preĀ­deĀ­fined conĀ­figĀ­uĀ­raĀ­tions of SVG filters.

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.