JS Bin - Collaborative JavaScript Debugging. /reFiddle+/ Pens picked by the Editors of CodePen. Studio Sketchpad - Processing on Etherpad. Untitled ✿ dabblet.com. Create a new Fiddle. Meemoo project by Forrest Oliphant. Livecodelab. Shader Toy. GLSL Sandbox Gallery. WebGL playground [beta] Zen-coding - Set of plugins for HTML and CSS hi-speed coding. 15 great HTML5 and CSS3 generators. HTML5 and CSS3 are great languages to start off learning with, and I’ve always thought that one of the best ways to start learning is to just dive in and manipulate the code.
As you could probably tell, this is where generators step in. They are a great way to generate some code, play with it, and learn. Not only that, they are incredibly useful because often times as a developer or designer we find we are doing things over and over again. Well, generators can take off that edge and do those small things for you each time. As an example, I have a text-expander snippet that creates an HTML5 template that I wrote about here. Jsdo.it - Share JavaScript, HTML5 and CSS.