Marie and I take a look in this quick video:

The brief explanation is:

  • Pens give you three panels: HTML, CSS, and JavaScript. You can use preprocessors and external resources and such, but are limited to the three editors.
  • Projects are more powerful in that you get a complete file system. You can have multiple HTML, CSS, and JavaScript files (among other file types).