It's one of the lesser known features of SVG filters that they can be masked. Here's how to apply a partial blur to images and SVG elements. This way it's possible to create some nifty effects like tilt-shift or true iOS style translucency.more
I had the honour to write a post over at Smashing Magazine, where I take a closer look at SVG filters and the phantastic possibilties they offer designers to create astonishing type effects.more
For a long Time we have been waiting for a highly compressed image format that allows semi-transparent areas and is available in every browser. Well, it's been here all the time! Reduce page weight by replacing PNGs with semi transparent JPGs.more
This is a method to create highly flexible SVG images from 4 overlappping tiles. Learn it and then never go back to traditional CSS background images again.more
It's one of the lesser known features of SVG filters that they can be masked. Here's how to apply a partial blur to images and SVG elements. This way it's possible to create some nifty effects like tilt-shift or true iOS style translucency.more
I had the honour to write a post over at Smashing Magazine, where I take a closer look at SVG filters and the phantastic possibilties they offer designers to create astonishing type effects.more
For a long Time we have been waiting for a highly compressed image format that allows semi-transparent areas and is available in every browser. Well, it's been here all the time! Reduce page weight by replacing PNGs with semi transparent JPGs.more
This is a method to create highly flexible SVG images from 4 overlappping tiles. Learn it and then never go back to traditional CSS background images again.more