TheCodePlayer is a video based website showing exactly what you can do in the world of web development. Whether it’s how to make a calculator or how to make a slideshow, this site has a great deal of material to provide inspiration. You can either view the code or watch the video walkthrough which will show you how something was coded from the start right to the finish, this is also great for beginners to watch someone more advanced show what they can do.
CodePen is probably the biggest and most active community within the coding playground. This is for people to show what they are capable of and to inspire others. Pens are easily created by anyone and these can be saved for anyone to see in the huge library of Pens. The ‘Picked Pens’ provide some of the most interesting and talented code on offer and is well worth a look. A quick search using the search function will return an amazing amount of content back for whatever you’re after.
Codrops is a great website with a whole host of features, the ‘Playground’ section has some great code examples. This is a more instruction based playground which attempts to explain every step by step. The website will also allow you to download the code for yourself so you can have a play around with it. In addition to their ‘Playground’ they also have a part of the website called ‘Blueprints’. This is a range of website concepts, components and layouts designed to be easily adapted for others to use.