Przegląd 10 ciekawych projektów Codepen.io

Przegląd 10 ciekawych projektów Codepen.io
Logo Codepe.io

Cześć, jak wiecie obecnie pracuję nad projektem Social Page. Niestety nie mam w tym tygodniu dużo czasu, głównie chodzi o naukę, chciałbym dodać szybki i ciekawy wpis. Pomysł padł na przegląd ciekawych projektów z serwisu Codepen.io.

Czym jest Codepen.io?

Jest to strona na której możemy tworzyć projekty stron, elementów witryny itp. Nie chcę opisywać krok po kroku tego serwisu bo wydaje mi się że jest to w miarę intuicyjne. O samej stronie dowiedziałem się jakieś dwa może trzy miesiące temu. Osobiście sam nie umieszczam tam swoich projektów, gdyż nie specjalizuję się w frontendzie. Nie wspomniałem o tym ale strona jest głównie przeznaczona dla Front-end develeperów. Możemy tam umieszczać swój kod HTML, CSS, JS. Niestety ja bardziej zajmuję się to stroną backendową. Choć to nie znaczy że nie zaglądam tutaj. Sprawdzam czasami co pojawiło się nowego, staram się analizować kod, jak to zostało zrobione. Nie chcę przedłużać więc zaczynajmy.

1. Split Slick Slideshow

See the Pen Split Slick Slideshow by Fabio Ottaviani (@supah) on CodePen.

2. Twitter Animation Concept

See the Pen Twitter Animation Concept by Lawrence Scafuri (@LawrenceScafuri) on CodePen.

3. I could not stop

See the Pen I could not stop by Gerard Ferrandez (@ge1doot) on CodePen.

4. Gravity Points

See the Pen Gravity Points by Akimitsu Hamamuro (@akm2) on CodePen.

5. Split emoji text effect with css

See the Pen Split emoji text effect with css by Mandy Michael (@mandymichael) on CodePen.

6. Jessica Jones logo

See the Pen Jessica Jones logo by Samuel Oloruntoba (@kayandrae07) on CodePen.

7. Typing Speedometer

See the Pen Typing Speedometer by Jon Kantner (@jkantner) on CodePen.

8. Flappy Ring – p5.js

See the Pen Flappy Ring – p5.js by Atticus Koya (@OfficialAntarctica) on CodePen.

9. Random Fractal

See the Pen Random Fractal by Johan Karlsson (@DonKarlssonSan) on CodePen.

10. Star Wars – Polygons of the Galaxy III

See the Pen Star Wars – Polygons of the Galaxy III by Lloyd James (@LloydJames) on CodePen.


Mam nadzieję że wpis ci się podobał i był interesujący. Sam się dziwie jakie rzeczy można zrobić za pomocą tych 3 języków. Bardziej CSS i JS. Wiele projektów otwiera się powiedziałbym tak średnio, dlatego warto otworzyć sobie projekt w drugiej karcie i przetestować go. Dodatkowo możemy pobawić się kodem.

Dodaj komentarz