Wir erklären dir in diesem Beitrag, wie du Codepen.io für deine Projekte nutzen kannst, wofür es sinnvoll ist und wie es dich bei deiner Arbeit unterstützen kann. Mit Codepen.io lernst du eine coole Webseite kennen, auf welcher du ansprechende und vielfältige Codeschnipsel für deine Webseite finden kannst. Außerdem gehen wir näher auf die einzelnen Funktionen ein.
Codepen.io ist eine Webanwendung für Programmierer. Hier kannst du viele coole Codeschnipsel für deine Webseite finden und dich mit anderen austauschen.
Codepen.io wurde 2012 von Alex Vazquez, Tim Sabat und Chris Coyier gegründet und hat (Stand: September 2015) 330.000 Mitglieder. Hier hast du die Möglichkeit, eigenen HTML- , CSS- und JavaScript-Code zu testen und anderen zu zeigen.
Codepen.io ist keine IDE (Integrated Development Environment) an sich, sondern ein Online-Code-Editor, in welchem du als Entwickler eigenen Code in HTML, CSS und / oder JavaScript hochladen und mit anderen teilen kannst.
Besonders interessant wird es mit der Premium-Variante von Codepen.io. Für einen kleinen monatlichen Betrag ist es dir möglich, mit anderen Menschen auf der ganzen Welt an einem Projekt zu arbeiten. Außerdem bietet Codepen.io im "Professor Mode" Lehrern und Professoren die Möglichkeit, live vor bis zu 100 Schülern ein Pen zu bearbeiten und zu teilen.
Ab dem "Developer"-Paket erhältst du auch eine eigene Domain für deine Projekte.
Damit du dir ein besseres Bild von Codepen.io machen kannst, gibts von uns gleich mal 3 Beispiele von Dingen (Pens), die Entwickler auf Codepen zur Verfügung gestellt haben. Du kannst gerne auch ein bisschen damit herumspielen.
See the Pen spider by Stranger in the Q (@strangerintheq) on CodePen.
See the Pen App Menu With Lock Screen by Hyperplexed (@Hyperplexed) on CodePen.
Codepen ist ein wunderbares Werkzeug und kann dir dabei helfen, beispielsweise coole Buttons für deine Webseite zu finden. Besonders die Pro-Version von Codepen.io bietet für Programmierer, Entwickler und Unterrichtende viele Möglichkeiten. Jeder Webseitenbetreiber möchte seine Webseite zu etwas einzigartigem machen und überzeugende Elemente einbauen. Falls du zum Beispiel außergewöhnliche Buttons mit einem Hover Effekt suchst oder für eines deiner Webprojekte nach einem bestimmten Codeschnipsel suchst, wirst du auf Codepen.io bestimmt fündig.
Codepen.io ist eine Plattform, auf der man Code in HTML, CSS und Javascript erstellen, bearbeiten und mit anderen teilen kann. Außerdem hast du die Möglichkeit, mit mehreren Menschen gemeinsam live und in Echtzeit an einem Projekt zu arbeiten.
Codepen.io richtet sich grundsätzlich an Programmierer, Entwickler und jeden, der in irgendeiner Weise im Web unterwegs ist. Auf Codepen kannst du eigenen Code in HTML, CSS und Javascript hochladen
Codepen.io ist in der Grundfunktion kostenfrei. Wünschst du dir allerdings zusätzliche Funktionen, kannst du dich für das "Starter-Paket" für $ 8 / Monat, das "Developer-Paket" für $ 12 / Monat oder das "Super-Paket" für $ 26 / Monat (bei jährlicher Zahlung) entscheiden.
Mit der Pro-Version hast du die Möglichkeit, unbegrenzt private Pens zu veröffentlichen, mit anderen Personen live und in Echtzeit an einem Projekt zu arbeiten.
Julian liebt alle Themen rund um Technik und begeistert sich für grandiose Produkte, sowohl online, als auch offline.
Auf BenzMedia Learning schreibt er über die besten Tools für deine Webseite, Adobe Anwendungen, SEO und die besten Produkte.
Du kannst Ihn über Xing, LinkedIn und Facebook erreichen.
