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.

Changelog:

• New: The .hidden class
• New: Photoshop PSD & PNG templates for the fixed versions of the layout
• New: Documentation & changelog
• Updated: Updated the demo page
• Fixed: Some bug fixes with strong tag & cleaners
• Fixed: Lists were not showing up correctly (reset bug)

Please note that I’d love to have some feedback on this. My gmail is bibakisv@… Don’t hesitate to drop me a line with your observations and ideas. Thank you.

Without further delay here is the link to…

Download Mainframe CSS framework 0.2

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.