Note: The framework is still in development as there are a few other things to fix such as IE compatibility, integration with HTML5 boilerplate and more.
I’m a big fan of CSS frameworks and responsive web designs. I used 960.gs for many clients and it has helped me tremendously over the time to deliver projects faster and with quality code. Now, the next big trend is responsive web design and as you can imagine, I tried to find a decent framework to work with for my latest projects. Altough I did find a few decent frameworks to work with, none of them had what I was looking for. I work on a 1920px width screen resolution and I find it frustrating that the width standard for most websites is still 960px. With Titan Frameworkyou can create responsive layouts that adjust to any screen resolution at maximum width.
How it works
If you’ve worked with 960.gs until now, you can work with Titan Framework also. Titan Framework uses the same CSS classes as 960.gs. Also, if you have developed websites with 960.gs, you now can easily switch them to responsive web design in a matter of minutes. You just replace the 960.gs CSS files with Titan Framework CSS files and you are ready to go. For those who are still new to CSS frameworks or to 960.gs here are some useful tutorials that will help get you started:
http://webdesign.tutsplus.com/articles/workflow/using-the-960-grid-system-as-a-design-framework/
http://sixrevisions.com/web_design/the-960-grid-system-made-easy/
What you get
Titan Framework comes in two versions, with 12 and 16 columns. The file structure for Titan Framework is:
- reset.css - Reset stylesheet that reduces browser inconsistencies.
- text.css – Stylesheet for basic font size, headings and spacing.
- 16.css - This stylesheet contains the styles for the 16 column grid.
- 12.css - This stylesheet contains the styles for the 12 column grid.
Also, you can download PSD templates for:
- 960px
1280px1360px- 1440px
1600px1680px1920px
