eleqtriq

Tweaking bytes at 72 dots per inch

Archive for the ‘Design’ Category

Finally! csswarp.js for dynamic Text warping

HTML text warpingFinally the first incarnation of csswarp.js is ready. Now it's possible to have warped text that follows a path even when content is served dynamically. An extensive set of configuration options gives you the ability to control every aspect of your warp.more

Fresh from the Lab: CSS3 Text-Warping

HTML text warpingMy latest experiment: this little web application will make it easy for you to "warp" HTML-text. Create native text that follows the flow of an arbitrary bezier path or wrap it around a circle like you do in Illustrator.

more

Fresh from the Lab: CSS3 Text-Warping

HTML text warpingMy latest experiment: this little web application will make it easy for you to "warp" HTML-text. Create native text that follows the flow of an arbitrary bezier path or wrap it around a circle like you do in Illustrator.

more

Showcase: Pop-Up Book in HTML and CSS

Pop-up bookA little showcase, using all the latest CSS-stuff that makes CSS so much fun to work with these days: animations, transitions, transformations, 3D....

more

Sqetch, an Illustrator Wireframe Toolkit

Thumb

Sqetch is a little "sketchy", looking collection of Illustrator-wireframing-templates I created over the last several months. It consists of several templates for browser, iPad, smartphone and a collection of UI-elements.

It brings back some "artistry" to the wireframing-process which makes it ideal for early-stage wireframes.

more

Quick 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 little script is here to help...

more

The Comeback Of The Rotary-Dial

Dialcontrols

Older readers propably still remember: long ago in ancient times telephones didn't have buttons but a rotary-control for entering phone-numbers. Currently a revival is going on.

more

Font-Replacement

Why I'm using my own flash-based font-replacement method on this page.

more

Font-Replacement

Why I'm using my own flash-based font-replacement method on this page.

more