eleqtriq

Bessere CSS Sprites mit SVG

gene

CSS Sprites mit SVG bieten Möglichkeiten die diejenigen konventioneller CSS Sprites weit übertreffen. So können zum Beispiel oft benötigte Eigenschaften, die leider derzeit in der CSS Spec noch fehlen, wie z. B. "background-rotation" oder "background-opacity" mit SVG hervorragend simuliert werden. Dieser Artikel soll zeigen, wie SVG uns zusätzliche praktische Tools bei der Verwendung von CSS zur Verfügung stellen kann.

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

Natürliche Objektrotation mit CSS3 3D

CSS3 3D Object-Rotation

Ich hatte endlich mal Zeit, den letzten Teil meiner Serie von CSS 3D-Tutorials zu beenden. In diesem Teil werden wir lernen, wie wir einen 3-dimensionalen Packshot mit lediglich einigen Zeilen HTML/CSS erstellen können und wie wir anschließend mit etwas Javascript-Magie ein frei rotierbares Objekt schaffen. Funktioniert auch auf iPad und iPhone.

more

Spritebaker

Thumb

Seit längerer Zeit hatte ich nun schon vor, eine online-App zu bauen die das Generieren von Data-URI Sprites erleichtert. Um die Aufgabenstellung zu verschärfen, sollte für die App außerdem lediglich HTML und Javascript zum Einsatz kommen...

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

Font-Replacement

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

more