CodePen
HTML, CSS und JS nebeneinander ausprobieren
CodePen besuchen Mehr aus Code-SpielwiesenDrei Felder, eine Vorschau, fertig. Änderungen erscheinen sofort, und jeder Zustand lässt sich als Adresse weitergeben – deshalb steckt hinter fast jeder CSS-Frage im Netz ein CodePen.
CodePen auf einen Blick
| Offizielle Website | https://codepen.io |
|---|---|
| Kategorie | Code-Spielwiesen |
| Preis | Freemium |
| Plattformen | Web |
| Geeignet für | Einen CSS- oder JavaScript-Effekt zum Zeigen festhalten |
Wichtigste Funktionen
- Getrennte Felder für HTML, CSS und JavaScript
- Vorschau aktualisiert sich beim Tippen
- Vorprozessoren wie Sass, Less und TypeScript
- Sammlungen zum Ordnen eigener Entwürfe
So nutzen Sie CodePen
- HTML, CSS und JavaScript in die Felder schreiben
- Vorschau beobachten
- Bei Bedarf externe Bibliotheken einbinden
- Speichern und Adresse weitergeben
Worauf Sie achten sollten
- Kein vollständiges Projekt mit Build und Paketen
- Ohne Konto landet nichts Dauerhaftes im Netz
Alternativen zu CodePen
StackBlitzFreemium
Echte Projekte im Browser, nicht nur Schnipsel
Code-SpielwiesenCodeSandboxFreemium
Ein Projektgerüst im Browser aufsetzen
Code-SpielwiesenJSFiddleKostenlos
Schnell vier Dateien ausprobieren und teilen
Code-SpielwiesenÄhnliche Werkzeuge
JSFiddleKostenlos
Schnell vier Dateien ausprobieren und teilen
Code-SpielwiesenSELFHTMLKostenlos
Web-Technik auf Deutsch erklärt
Lernen & NachschlagenStackBlitzFreemium
Echte Projekte im Browser, nicht nur Schnipsel
Code-SpielwiesenSchlagwörter
Häufige Fragen
Brauche ich ein Konto?
Zum Ausprobieren nicht. Ein Konto wird erst nötig, um Entwürfe dauerhaft zu speichern und zu teilen.
Kann ich Bibliotheken einbinden?
Ja, externe Skripte und Stil-Dateien lassen sich in den Einstellungen je Entwurf eintragen.
Ist CodePen kostenlos nutzbar?
CodePen ist gelistet als Freemium. Prüfen Sie vor dem Abonnement die Preisübersicht des Anbieters, denn Tarife und Grenzen ändern sich.
Was kann ich statt CodePen?
Die Alternativen unten sind andere Werkzeuge in Code-Spielwiesen, die eine ähnliche Aufgabe erledigen.
CodePen ist ein unabhängiger Dienst eines Drittanbieters. ToolVault listet ihn als Nachschlagewerk und steht mit dem Anbieter in keiner Verbindung; prüfen Sie vor Nutzung die offizielle Website zu aktuellen Preisen und Bedingungen.