eleqtriq

The SVG Filter and why it’s awesome

(English) SVG Filter EffectI 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

(English) The Holy Grail of Image Scaling

(English) 9 Way SlicingFlash and Illustrator users had the luck to enjoy image scaling with a 9-sliced scaling grid for years. Applying this grid to graphics gives us unmatched scaling flexibility. Here's how to get a hold of this technique in web development with the help of some clever SVG tricks.more

(English) Everything is Relative. The Art of the Adaptive Image.

(English) ZombieIn responsive design it's not only about how big an image will display and which density we must feed to the browser. The image itself must be adaptive, change its content according to the context. In loose order I will try some not so common adaptive image techniques here.more

Geschafft! csswarp.js für dynamisches Text-Warping

HTML text warpingEndlich hatte ich Zeit, die erste Inkarnation von csswarp.js fertigzustellen. Nun ist es möglich, auch dynamischen Content aus dem CMS zu warpen. Zudem gibt es jede Menge Möglichkeiten zur Konfiguration.more

Aus dem Labor: Text-Warping mit CSS3

HTML text warping

Mein jüngstes Experiment: diese kleine Webanwendung macht es möglich HTML-Text zu "warpen". Nativer Text im Browser der an einem Pfad entlang ausgerichtet wird oder um einen Kreis rotiert wie man es sonst von Illustrator her kennt, ist somit kein Ding der Unmöglichkeit mehr.

more

Showcase: Pop-Up Buch mit HTML und CSS

Pop-up book

Ein kleines Demo das ich letztens zusammengebastelt habe: die gesamten CSS-Spielerein die CSS so unterhaltsam machen auf einmal: Animationen, Transitions, Transformationen, 3D...

more

Sqetch, ein Illustrator Wireframe Toolkit

Thumb

Sqetch ist ein kleines "sketchy" aussehendes Illustrator-Wireframing-Template das ich während der letzten Monate entwickelt habe. Es besteht aus mehreren einzelnen Templates für Browser, iPad, Smartphone sowie einer Sammlung von UI-Elementen.

Sqetch bringt eine handwerkliche Komponente ins Spiel und eignet sich deshalb vor allem für eine frühe Phase im Entwicklungsprozess.

more

Quick Tipp: HR im Internet-Explorer stylen

Jeder der schon einmal versucht hat, den HR-Tag im Internet-Explorer mit CSS zu stylen weiss, dass das unmöglich ist: IE<8 akzeptiert nur ein kleines Subset von CSS-Attributen. Diese Skript hilft, das Problem zu umschiffen.

more

Das Comeback der Wählscheibe

Dialcontrols

Die Älteren werden sich noch daran erinnern: in den alten Zeiten hatten Telephone keine Knöpfe, sondern eine Scheibe um die Nummer zu wählen. Derzeit erleben wir ein Revival.

more