Font-Replacement
As designers we live in great times: we have @Font-Face for font-embedding, there is webkit for font delivery and fontshop is about to start their webfonts. So why should anybody still want to use a...
View ArticleThe Comeback Of The Rotary-Dial
Older readers probably still remember: there was a time when telephones didn't have buttons but a rotary-dial for entering phone-numbers. It was a very robust usability-concept: usage was intuitive,...
View ArticleQuick Tip: Styling HR In Internet-Explorer
Anyone who ever tried to style horizontal rulers in Internet Explorer knows that this is nearly impossible: IE<8.0 only accepts a small subset of CSS-Rules for styling HRs. This small script can...
View ArticleSqetch, an Illustrator Wireframe Toolkit
Sqetch is a little Illustrator-toolkit I built over time, consisting of several templates and elements:BrowseriPad uprightiPad landscapeSmartphoneGUI-ElementsForm-ElementsIt evolved one by one as an...
View ArticleShowcase: Pop-Up Book in HTML and CSS
This is a little showcase I build yesterday. I had some "leftover" illlustrations from a recent project the client rejected, so I took this as an excuse to cobble together a little demo that uses all...
View ArticleFresh from the Lab: CSS3 Text-Warping
I got hooked on desktop-publishing the moment when I attached a text to a path for the first time in Freehand 3. It was magic. Suddenly you could create designs that used to take days or even weeks in...
View ArticleFinally! csswarp.js for dynamic Text warping
I proudly present the first version of csswarp.js. This small (<8kb, minified, unzipped) library does the same thing as csswarp.com, but dynamically at runtime, making it possible to warp text that...
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 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 ArticleThe 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 Article