Blog der Heimetli Software AG

CSS-Links

CSS Zen Garden

Immer wieder einen Besuch wert. Das HTML aller Seiten ist genau gleich, nur das CSS und die Bilder sind anders.

Kaum zu glauben, was die Designer aus dieser Seite machen können.

Zum CSS Zen Garden.

Schattierungen mit CSS

Klar, einen Schatten mit CSS zu machen ist ganz einfach. Wer einen richtig coolen Schatten will, kann sich von dieser Demo für Drop Shadows without Images inspirieren lassen.

Die Labels auf der Seite sind reine divs mit einem p-Element drin, alles andere macht er mit CSS!

Wie er diese Labels realisiert hat, erklärt er auf The Basic Technique.

CSS Patterns

Lea Verou hat unglaubliche Muster gesammelt die nur mit CSS realisiert sind: CSS3 patterns.

Wenn man auf die Muster klickt, dann wird eine Edit-Box mit dem CSS für das Pattern angezeigt. Der Code in der Edit-Box kann geändert werden, und das geänderte Muster wird unverzüglich dargestellt.

CSS Referenz

Es gibt eine ganze Menge von Referenzen für CSS. Diese zeigt besonders schön was die Eigenschaften für das Flexbox-Layout genau bewirken.

Visuelle CSS Referenz

Die Transform-Matrix

Nicht in der gleichen Klasse wie die anderen, dafür von mir selber geschrieben: CSS Matrix Transform.