CSSDeck: Schicke frei verfügbare CSS3-Ressourcen

CSSDeck: Schicke frei verfügbare CSS3-Ressourcen
CSSDeck ist eine umfangreiche Quellcode-Sammlung mit schicken Beispielen in HTML5 und CSS3 unter Creative Commons Attribution Lizenz. Von mit CSS3 gezeichneten Bitmaps über UI-Komponenten bis hin zu Keyframe-Animationen und Effekten ist Einiges dabei. Wir stellen euch CSSDeck kurz vor.
CSSDeck Start
CSSDeck Startseite mit Demo-Übersich

Freie CSS3-Ressourcen zum Lernen, Erkunden oder einfach nur zum Spaß

Die Macher von CSSDeck wollen mit ihrer jetzt schon recht großen Sammlung zu CSS-Ressourcen eine Quelle für CSS3-Beispiele schaffen, die zum Lernen, als Inspiration oder einfach nur aus Spaß an CSS und HTML genutzt wird. Neben eigenen CSS3-Demos kann man bei CSSDeck auch selbst Artikel, Snippets, Fragen oder Diskussionen posten. Dafür ist vorher eine kurze Anmeldung direkt über CSSDeck, Twitter oder GitHub nötig.

CSSDeck SuperMario CSS3
Nur mit CSS3 (ohne Canvas, ohne Grafiken) animierte Super Mario Bitmap bei CSSDeck

Alle CSS3-Demos können als Vorschau mit Beschreibung und Quellcodefenstern für HTML und CSS angezeigt werden. Ein paar Beispiele, die zusätzlich JavaScript nutzen, sind auch dabei. Da die meisten Demos unter Creative Commons Attribution Lizenz bereit stehen, kann man sie beliebig in eigenen Projekten weiterverwenden und anpassen. Bei CSS3-Beispielen von externen Autoren ist in der Demobeschreibung ein Hinweis zu finden, und man kann die Ersteller kontaktieren, um ihre Arbeiten weiterzuverwenden.

CSSDeck CodeView
Quellcode-Ansicht mit Vorschau bei CSSDeck

Bei CSSDeck sind CSS3-Demos aus unterschiedlichsten Bereichen zu finden. Nur mit CSS3 erstellte Superhelden-Grafiken und Logos, CSS Navigationen und Buttons, animierte Uhren und Aquarien, tanzende Roboter oder Partikelexplosionseffekte sind nur ein paar Beispiele, die CSSDeck bietet. Hier eine kleine Auswahl:

CSSDeck Batman CSS3
Batmann mit CSS3 gezeichnet bei CSSDeck
CSSDeck Fishtank CSS3
Mit CSS3 animiertes Aquarium bei CSSDeck
CSSDeck Clock CSS3
Mit CSS3 animierte Uhr bei CSSDeck
CSSDeck Homer CSS3
Mit CSS3 animierter Homer bei CSSDeck

CSSDeck verfolgt einen ähnlichen Ansatz wie CodePen, dass wir euch in einer News schon mal kurz vorgestellt haben.

Kennt ihr noch andere gute Quellcode-Sammlungen zu und CSS3?

Weiterführende Links:

Weitere Artikel zu HTML5

Empfehlen

bewerten
VN:F [1.9.22_1171]
Bewertung: 5.0/5 (6 Bewertungen)
Das interessiert dich bestimmt auch
2 Antworten
  1. von Artur Scherer via facebook 10.07.2012 (13:47Uhr) 1.

    Tim, schau mal hier

  2. von CSSDeck: Schicke frei verfügbare CS… 16.07.2012 (00:53Uhr) 2.

    [...] CSSDeck: Schicke frei verfügbare CSS3-Ressourcent3n MagazinDie Macher von CSSDeck wollen mit ihrer jetzt schon recht großen Sammlung zu CSS-Ressourcen eine Quelle für CSS3-Beispiele schaffen, die zum Lernen, als Inspiration oder einfach nur aus...  [...]

Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Kennst Du schon unser t3n Magazin?

t3n 32 jetzt kostenfrei probelesen! Alle Inhalte des t3n Magazins Diesen Hinweis verbergen