15 Great HTML5 & 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. As an example, I have a text-expander snippet that creates an HTML5 template that I wrote about here. I will say that most of this list is going to focus on CSS3 generators, simply because they are in demand more than HTML5 generators, and we will learn why. CSS3 Generators There is a somewhat negative connotation when it comes to these generators, and I have to say that as a designer and developer there is nothing negative about using one. General Generators This section will focus on generators that take care of the broad spectrum needs and usages.
MakeTemplate.com: CSS Tools SelectORacle: CSS Selector Tool English & Spanish translations of CSS2 and CSS3 selectors Ever wondered what a particularly complex CSS selector really means? Here's your chance to find out! Simply enter one or more semi-colon separated selectors or rulesets into the following "Direct Input" area, or provide the URL of a stylesheet in the "URL Input" area. Current notes and limitations Explainer direct input box accepts a series of semi-colon delimited selectors or a series of rulesets extracts all selectors, pretty-prints them, and performs a source-to-source transformation to fairly-gramatically correct and understandable English or Spanish generates warnings for misplaced pseudo-elements (e.g., DIV::before P will generate a warning) even though these are really errors prints pseudo-elements with the double-colon notation introduced in CSS3 (e.g., P::before) current version does not always print escaped characters properly does not take into account default namespace when printing explanations Parser Potential expansion