A Codepen egy nagyon hasznos weboldal, egyszerűen lehetővé teszi a HTML, CSS, Javascript kódot kipróbálását, weboldalak készítését, másokkal megosztását fájlok létrehozása stb. nélkül.

A használata nagyon egyszerű, csak kattints a Create > New pen menüpontra.



Ráadásul alul rögtön látható valós időben a begépelt kód eredménye.

Lehetőséget ad a kódok megosztására is, így akár mint segítség is felhasználható, vagy éppen egy problémás kód megosztására másokkal, amelyet aztán az is szerkeszthet, akivel megosztották. Lényegében egy online kód szerkesztő.

A Save gombra kattintva elmenthető a kód és ilyenkor megjelenik a címsorban a linkje: https://codepen.io/anon/pen/QZWXJb

Érdekel a webfejlesztés, weboldalak készítése?

Kattints ide oktató videókért!
Regisztráció után több funkció is elérhető, ilyenkor a Create-ben már project is létrehozható:



És a jobb alsó sarokban megjelenik egy Share lehetőség, ahol le is tölthető zip-ben, az Embed-del pedig weboldalon beágyazható.

A Pens menüpontban pedig egy tonna mások által készített kódot is elérhetsz.