eleqtriq

Better CSS Sprites with SVG

gene

SVG CSS sprites offer some possibilities for webdevelopers that are superior to the "classical" CSS sprites. With SVG it is possible to get access to much needed properties like "background-rotation" or "background-opacity" that currently are missing from the CSS spec. This article shows how SVG can give us additional useful CSS tools for our frontend coding tasks.

more

Showcase: Pop-Up Book in HTML and CSS

Pop-up book

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

more

Natural Object-Rotation with CSS3 3D

CSS3 3D Object-Rotation

I finally found some time to finish the last part in my series on CSS3 3D tutorials. We will learn how to build and style a 3-dimensional packshot with noting more than a few lines of HTML/CSS and then add some Javascript-magic to make it a freely rotatable object. Works even on iPad and iPhone.

more

Introducing Spritebaker

Thumb

For some time now I had planned to build an online app that makes creating data URI-sprites in CSS less painful. As a special feature I wanted it to be pure HTML/Javascript...

more

Quick Tipp: HR im Internet-Explorer stylenQuick Tip: Styling HR In Internet-Explorer

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.

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

Font-ReplacementFont-Replacement

Warum ich auf dieser Seite meine eigene Flash-basierte Font-Replacement-methode verwende

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

more