Free Online CSS Framework Generator
Posted in CSS | No Comments
Today I stumbled across a cool new online Web 2.0 application. It’s called ‘CSS Frame Generator‘ but I think that title is a little bit confusing to what it actually does..
Since CSS is hierarchical and semantic you can greatly condense your style sheets by cutting out the over use of classes and id’s. For example, if I were to have a list within a div, you only have to give the containing div and id name to style all the contents.
This is where the CSS Frame Generator comes in. Basically you enter your (x)html, with the main elements given id’s, and the application will create a stylesheet full of empty CSS attributes. You can then start filling in the style attributes and finally delete the ones you don’t use!
So, to sum up, it doesn’t help with design but could just save you some time and make your code better!
You might also like:
- CSS Reset: the first step to browser compatibility
- CSS horizontal drop down menus: A great resource list!
- The BEST CSS cheatsheet yet and it’s all about shorthand
- Combine all CSS media types into one style sheet
- CSS quick reference and comparison table
- Font stacks, the !important css declaration and some html tips