You can search and sort the snippets by tags, which makes finding needed code extremely easy and intuitive – even when you don’t know what you need, you can browse the tags list and find something interesting. When you find something cool, you can add it to one of your Collections, like it, share as link to full page or get embed code. You can also download the code as .zip or post pen to Twitter and Facebook. If you want to make modified version of the snippet you can fork it easily.
HTML Settings allow us to add some code into HTML and HEAD tags, as well as use on of HTML preprocessors – HAML, Markdown or Slim, which will speed up and simplify process of writing the HTML code.
CSS Settings let us define external CSS file to be included within our project, we can use Normalize or Reset CSS tools as well as Prefix CSS. You can also choose one of two CSS preprocessors: LESS or SASS (with or without Compass). Very powerful stuff!
I highly recommend CodePen for everyone – doesn’t matter if you are beginner or expert web designer, CodePen is excellent tool for testing, learning and discovering new code.