CodePen is a new project by Chris Coyier, Alex Vazquez, and Tim Sabat for front-end developers who want to get inspired and learn awesome new skills. It’s now in beta, and offers tons of great features. Think of it as Dribbble for coders, with free PSD files for every shot, and a way to save your files. From the about page:

CodePen is all about front end code inspiration, education, and sharing. Enter HTML, CSS, and JavaScript and the combined result is displayed below. This is extremely useful for showing off demos, troubleshooting, demonstrating bugs, or anything else you can think of.

As a front-end developer myself, exploring this site is amazing. It features innovative creations with live previews, and a responsive design which works great on mobile and degrades beautifully down to IE8. CodePen is similar to JSFiddle in the way which you write and edit code, but better because you can share it with a community. You can like, comment, tweet, and fork each “Pen”, or save it as a Gist to Github.

If you’re a front-end developer who wants to get inspiration, learn new coding techniques, or create something awesome to share with the community, check out CodePen beta now!