CodePen – Social development environment for designers and developers

CodePen is an online community for testing and showcasing user-created HTML, CSS and JavaScript code snippets.

CodePen is great for finding new inspiration, testing bugs collaborating and many more…
You can create “pens”, which are sets of HTML, CSS, and JavaScript.
After that you can “pens” save and publish on your profile, take feedback, and continue to edit at any time.
It so many reasons why you should use CodePen. 
CodePen includes some awesome features to write CSS faster. CodePen supports tons of flavors of HTML, CSS, and JavaScript.
For HTML, you can use  Markdown, Slim, HAML,or Jade. 

Different Pen Views
CodePen has  different views for pens.  Some of that views:

Full Page View – This is pretty self-explanatory. It makes your pen full-screen within an iframe, leaving only a CodePen footer.

Editor View – This is the default view for editing pens. You can adjust the size of the code previewer and select which languages to display.

Details View – This view allows you to see the pen’s tags, hearts, comments, forked pens, etc. This contains most of the social features for CodePen.

Since the beginning community has been a huge part of CodePen. Through sharing, people can learn together.

CodePen is the best place to build and deploy a website.

Share with your friends