Wie Dribbble oder Behance schafft es auch Codepen, kreative Denker unterschiedlicher Kenntnisstufen anzuziehen und zusammenzubringen. Hier gibt es Denkfutter für jedermann, egal ob ganz am Anfang oder schon hoch in der Nahrungskette stehend.
Besonders, wenn es dir akut an Inspiration mangelt, findest du auf Codepen mit Leichtigkeit das ein oder andere Projekt, dass dich regelrecht wegbläst. Das Beste an Codepen ist natürlich, dass es sich nicht um eine Ausstellung handelt, die starre Stücke zum Bestaunen vorstellt. Vielmehr kannst du auf Codepen an allen Stellen selbst Hand anlegen und das Ausstellungsstück auf verschiedenste Weisen fortentwickeln. So lernst du am direkten Beispiel, was bekanntlich die beste Art des Lernens ist.
Heute habe ich eine Liste mit Pens für dich, die zur Hälfte aus innovativen Perlen und zur anderen Hälfte aus nutzwertigen Codeschnipseln für deine tägliche Arbeit besteht. Während die Perlen an die Grenzen des Machbaren gehen und auch nicht zwangsläufig in jedem Browser funktionieren, bleiben die Codeschnipsel fest auf dem Boden der Tatsachen und bringen unmittelbaren Nutzwert.
10 Perlen für deine Inspiration
Titel: 3D Carousel Using TweenMax.js & jQuery
Titel: Chill the Lion
Titel: Infinite Star Field
Titel: Simple Particle Engine
Titel: Morph Character
Titel: Audio Cloud
Titel: Particles-Butterfly
Titel: Canvas Bokeh Generation
Titel: The Wave
Titel: Star Wars – Polygons of the Galaxy II
10 handfeste Lösungen für die tägliche Arbeit
Titel: A Menu Overlay Simulating a Camera Focus Change
Titel: Schedule Template
Titel: Responsive Signup/Login form
Titel: Hero Zoom on Scroll
Titel: GSAP Cubic bezier page transition
Erstellt von: Maciej Siwanowicz
Eine Antwort zu „Die Codepen-Schatztruhe: 10 Perlen und 10 nützliche Code-Schnipsel“
— was ist Deine Meinung?
Da sind ja ein paar ganz nette Dinge dabei. Vielen Dank.