UPDATE: 7/10/15 – The HTML5 Rocks website has changed. The code generator has been replaced with web development tutorials. This blog post has become obsolete, but do visit HTML5 Rocks for all your web dev needs.
Posted on December 11, 2012:
If you are a beginner web design coder (like me), you might be interested in HTML5 Rocks – Playground, which offers free demos and an HTML5/CSS3 code generator. Here are 4 easy steps to generate custom HTML5 or CSS3 code, using HTML5 Rocks – Playground:
- Choose a function
- Edit the code on screen
- Hit “run code” to Preview code
- Copy and paste the desired code into your CSS Style Sheet or HTML document
Here are some screenshots of different HTML5 and CSS3 functions:
HTML5 Playground generates code for:
- Webkit (Safari & Chrome)
- Moz (Firefox)
- IE8 or higher
Inspire your website or blog with HTML5 and CSS3 code. Play. Learn. Rock!
webplatform.org – Community driven web resource center – W3C, Apple, Google, Mozilla
Making 10,000 Stars – HTML5 Rocks Tutorial