pfarnach / BakersDozen

Baker's Dozen: A Dead Simple, Responsive Boilerplate for Mobile-Friendly Development with an intuitive thirteenth column

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

BAKER'S DOZEN (Baker's Dozen)

Baker's Dozen is a simple, responsive boilerplate to kickstart any responsive project that adds an intuitive thirteenth column to the boring old twelve column standard.

What's in the download?

The download includes Baker's Dozen's CSS, Normalize CSS as a reset, some custom CSS for the sample, a sample favicon, and an index.html as a starting point.

Baker's Dozen/
├── index.html
├── css/
│   ├── normalize.min.css
│   ├── skeleton.css
│	└── style.css
└── images/
    └── favicon.ico

Why it's awesome

Baker's Dozen is lightweight and simple. It styles only raw HTML elements (with a few exceptions) and provides a responsive, intuitive thirteen column grid. Nothing more.

  • Around 400 lines of CSS unminified and with comments
  • It's a starting point, not a UI framework
  • No compiling or installing...just vanilla CSS

Screenshot

alt tag

Browser support

  • Chrome latest
  • Firefox latest
  • Opera latest
  • Safari latest
  • IE latest

The above list is non-exhaustive. Baker's Dozen works perfectly with almost all older versions of the browsers above, though IE certainly has large degradation prior to IE9.

License

All parts of Baker's Dozen are free to use and abuse under the open-source MIT license.

Acknowledgement

Baker's Dozen was created by Pat Farnach for a better, more carbo-loaded web.

Also, I acknowledge that this is an April Fool's Day joke and the only work I did to make this was recalculating the column width's and the column offset's margins. All the real work was done by Dave Gamache and Baker's Dozen is just a cheap rip-off of Skeleton.

Check out http://getskeleton.com for documentation, details, and the real thing.

About

Baker's Dozen: A Dead Simple, Responsive Boilerplate for Mobile-Friendly Development with an intuitive thirteenth column

License:MIT License


Languages

Language:CSS 73.5%Language:HTML 26.5%