Explore CodePen.io

CodePen is a social development environment for front-end designers and developers. You can build and deploy a website, show off your work, find inspiration and more.

You can search source code you want. Just write what you want to write at the top of the screen and press Enter

Create your source code online with CodePen, <span>Explore CodePen.io</span>, KandZ

You can create a pen, even if you are a visitor. Just click Start coding at the top left corner.

Create your source code online with CodePen, <span>Explore CodePen.io</span>, KandZ

You will see the online editor, with HTML, CSS and Javascript editors. At the bottom of the window you can see the live preview.

Create your source code online with CodePen, <span>Explore CodePen.io</span>, KandZ

If you click the down arrow at the right top corner of each editor you will see some settings. You can tidy and analyze your code, maximize or minimize the editor and ford or unfold everything.

Create your source code online with CodePen, <span>Explore CodePen.io</span>, KandZ

Click Settings to configure HTML, CSS and JS preprocessors and the editor’s behavior.

Create your source code online with CodePen, <span>Explore CodePen.io</span>, KandZ
Create your source code online with CodePen, <span>Explore CodePen.io</span>, KandZ

You can change the view by clicking Change View

Create your source code online with CodePen, <span>Explore CodePen.io</span>, KandZ

…and many more… THE END!!!

87630cookie-checkExplore CodePen.ioExplore CodePen.io

Related posts