Clik here to view.
Better CSS Sprites with SVG
For webdesigners it's still frustrating to deal with the limitations of the CSS "background-image" property. Sure, things have improved ten times with CSS3. We now are able to add multiple backgrounds,...
View ArticleClik here to view.
Finally! csswarp.js for dynamic Text warping
I proudly present the first version of csswarp.js. This small (csswarp.com, but dynamically at runtime, making it possible to warp text that is not know in advance, i. e. when served from a cms. I...
View ArticleRelaunch.Yippieyeah.
While being stuck in a very cool project with some very talented webfolks for more than a year I've admittedly have gotten a little bit lazy on this blog. It was about time to dust it of, give it a new...
View ArticleEverything is Relative. The Art of the Adaptive Image.
This will not be another article about one more RWD image technique. It is a short warmup for a little series of posts I will be writing during the next weeks about some ideas and experiments I'm...
View ArticleThe 4 Slice Scaling Technique for SVG
In my last post I talked about a technique that makes it possible to change the position and relation of an SVGs content on rescale, but keep their proportions at the same time. In this post I will...
View ArticleThe Holy Grail of Image Scaling
In our ongoing quest to find new "liquid" SVG techniques, this post will be about the "holy grail" of image scaling, the 9-sliced scaling grid and how to apply it to SVG images. If you haven't done so,...
View ArticleClik here to view.
Applying Alpha Channels to JPGs
In this article I will show how to combine the advantages of JPG's high compression rate with the flexibility of having alpha channels like we use them in PNG. Open the demo to see this technique in...
View ArticleClik here to view.
The SVG Filter and why it’s awesome
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 for us designers to create astonishing type effects.So...
View ArticleClik here to view.
SVG Partial Blur and iOS Style Translucency
Sorry, looks as if your Browser can't display SVG We all know that SVG filters are the best thing since season 4 of "Breaking Bad", with their full potential still to to be discovered. In this article...
View ArticleClik here to view.
Liquify everything!
I had the opportunity to write a new article over at Smashing Magazine. I’s a deep dive into the wonderful world of displacement filtering, what it is, how use displacement maps to create really cool...
View Article
