Mainframe CSS framework is born

I just completed an early version of a CSS framework which I think can ease a lot of the pain in modern web design. It’s name is Mainframe. The key features are

  • CSS reset: all things are reset to what should be the “defaults”. This includes fonts, borders, margin, padding and others.
  • Some Internet Explorer specific CSS bugs and annoyances are fixed
  • Mainframe uses “spacers“. Clear classes with a bottom margin. Very convenient
  • Some classes you can use to display errors, warnings and information boxes in a stylish way. I call these “AJAX helpers” because that’s what I use them for.
  • 3 predefined containers for your content. 12 columns at 960px, 16 columns at 960px and a fluid one at 100% of the page width. PSD files for graphic designers are under development.
  • The 960 grid system.
  • It is free to use and modify under the terms of the Creative Commons Attribution-Share Alike 3.0 Unported License.

 

Download Mainframe CSS framework 0.1

 

Mainframe uses code from YUI Grids CSS & the 960 Grid System.

Creative Commons License

Vangelis Vangelis is a web developer with a passion for everything that helps the web evolve to a better place. He believes the web should be a friendly and safe place, connecting people and information in a transparent way.

When he is not at the computer coding something he enjoys endless pointless walks with his mp3 player.

Reader's Comments

  1. Basilakis |

    Excelent mate, really nice features. I will check the implement later on altough.

    Keep up the good work, i hope for the best :)

  2. Bibakis.com » Blog Archive » Mainframe CSS framework 0.2 |

    [...] 4 August 2009 | Category: Code | Tags: css, framework | 0 Comments After some real testing on real production websites I’ve made some fixes and a few additions to the Mainframe CSS framework. What is it ? Read the release post for a bit more information here. [...]

Leave a Reply