Jede Menge Beispiele, was mit CSS3 möglich ist. Ob nun einzelne Buttions animiert werden, ein Grideffekt gebaut wird, das Menü animiert oder die ganze Site geladen wird. Es sind unzählige Beispiele zu finden und eine umfangreiche Erklärung, wie es funktioniert und man das ganze auf die eigene Website bringen kann. Auch für diejenigen, die des Englischen nicht sehr mächtig sind, helfen zumindest sowohl die Beispiele, als auch der offengelegte Code dahinter.

Zur Navigation:

Oben links findet sich der Link Previous Demo - damit kommt man zum nächsten Beispiel.
Oben rechts findet sich unter dem Link Back to the Codrops Article die Erklärung zum Beispiel.

Ein wirklich feines Online-Tool, mit dem man sich Buttons selbst erstellen kann. Mit diversen Schiebereglern, Schriftauswahl, Farbverläufen und natürlich der Eingabe des Beschriftungstextes. Dazu kommt eine Vorauswahl an möglichen Buttons, die sich aber alle nach eigenem Gusto verändern lassen. Trotz der englischen Beschriftungen, sollte es hier keine Probleme mit der Sprache geben. Der Code wird in die Zwischenablage gespeichert und kann jederzeit mit Strg+V in den eigenen Editor eingefügt werden.

Es wird auch erklärt, wie CSS funktioniert, aber es gibt auch fertigen Code z. B. zu mehrspaltigen Design, wie man die Site zentriert bekommt, Schatten und Transparenz hinbekommt und viele andere interessante Dinge.

Menüs und Tabs mit CSS erstellen. Hier steht, wie es geht

Ein kleiner, aber sehr feiner Animations Generator für Keyframes in CSS3. Damit lassen sich eine Menge Effekte kreieren und den fertigen CSS3-Code für die eigene Website kopieren.

Unter der "Timeline" findet sich der Button "Examples". Damit lassen sich jede Menge vorkonfigurierter Effekte finden. Rechts gibt es einiges zum indivuellen einstellen. Auch für "Nicht-Engländer" sollte die Site verständlich sein.

Elemente auf der Website rotieren, strecken, neigen und verschieben ist seit CSS3 kein Problem mehr. Mit recht einfachen CSS3-Deklarationen lassen sich bereits spannende Animationen auf de Website umsetzen.

Im Menü links gibts jede Menge weitere Auswahlmöglichkeiten zu den verschiedenen Animationsmöglichkeiten!

Hier finden sich eine Fülle von Wissenswertes rund um HTML, CSS und Javascript. Wobei insbesondere die neuen Technologien wie HTML5 und CSS3 hier beinahe perfekt erklärt sind. So manches Wissenswertes, wie sich scheinbar unmögliche HTML-Tags per CSS ansprechen lassen, werden hier aufgezeigt und viele Tricks und Tipps mehr.

Einer meiner Hauptnachschlageseiten, wenn ich selber mal nicht mehr weiterkomme.

Zwischendurch mal etwas veraltet, ist SelfHTML mittlerweile wieder eines der Nachschlagewerke und Lern-Webseiten rund um die Webseitengestaltung geworden. Ob HTML, CSS oder Scriptsprachen - hier bleibt nichts unerklärt!

Wenn zwei oder mehr DIVs nebeneinader liegen und der Inhalt in einem DIV größer, als im anderen ist, dann stimmt oftmals die Boxenhöhe in allen DIVs nicht. Hintergrundfarben werden nicht sauber bis ans tatsächliche Ende geführt, Rahmen hören zu früh auf und manch andere Formatierung funktioniert nicht sauber. Hier gibt es ein kleines, aber feines, Tutorial, wie sich das ändern lässt.

Tolle Seiten mit ganz tollen Tricks und Tipps! Und gut aussehen tut sie auch noch.