CSS

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.

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.

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.