CodePen – HTML, CSS & JavaScript

CodePen – Snippets erstellen oder durchsuchen!

Die CodePen Community lädt dazu ein, Code Snippets in HTML, CSS und JavaScript zu erstellen, durchsuchen oder selbst erstellten Quellcode zu teilen. Um einen „Pen“ zu schreiben klickt man einfach auf der Startseite auf „New Pen“ und der Editor öffnet sicht. Auf der Startseite befinden sich auch Listen mit den neuesten oder populärsten Snippets. Ziemlich praktisch sind diese, um das Coden zu lernen, aber auch um diese „Codeschnippsel“ für evtl. eigene Projekte zu benutzen. Von einfachen Beispielen bis hin zu komplexen Animationen ist alles vorhanden. Ich kann euch CodePen nur ans Herz legen, stöbert einfach mal durch die Snippets oder schreibt eure eigenen mit direkter Livevorschau!

Mittlerweile ist es sogar Möglich benutzerdefinierte Schriftarten von Typekit in euren Pens zu verwenden.

Hier mal ein kleines Beispiel für einfache Schalter.

Tagged: , , ,