Posts Tagged ‘960’
960.gs Frontpage and Archon Template FREEBIE
Woohoo!
Our *cough Dejan’s cough* hard work paid off and 960.ls made it to 960 Grid System’s frontpage.
Figured we should share our enthusiasm and officially thank Nathan Smith for his wonderful CSS framework and for being so down-to-earth. Very interested in working to develop better systems to work with 960.
As a bonus (and since it’s Christmas time), here is a J.K.D. (taking the best of everything) template I made that is based off 960.gs that includes:
- jQuery
- Meyer’s Reset
- BluePrint forms.css and alerts
- Particle Tree buttons
- Boagworld’s Fixed Footer
- FamFamFam’s Silk Icons (to compliment the buttons)
- Quick & Custom garbage type.css (which you can and should modify anyway)
DEMO ARCHON TEMPLATE
DOWNLOAD ARCHON TEMPLATE
“Why Archon?”
I played a lot of StarCraft and figure that template is close to templar and when you smush a bunch of templars together, you get an archon.
How do I use this thing?!
Use 960.ls to make your grid.css, overwrite existing one. Same with everything inside #wrapper in your example.htm. Tada!
Now go to layout.css, change your backgrounds for your header, container, and footer (scrolling and content areas for all – shawing).
First person to use this and ask a question gets a free screencast that will replace this sentence and encourage me to clean up the template.
Template Bonuses:
This design works particularly well if you are 980px layout with 20px gutters. I’ve included:
- Sketch Files
- Workable Column .PSD that you should copy/paste for re-usability (12, 8, 6, 4, 3, 2)