inuit.css—cooler than a polar bear’s toenails…
Extracted Page: http://csswizardry.com/inuitcss/inuit.css—cooler than a polar bear’s toenails…
Another CSS framework?!
Yup, ’fraid so, but this one’s different… It combines years of my best dev tips, tricks and practices in one handy file.
inuit.css is completely free Download now 115kb .zip file | v. 1.2
Mobile & tablet…
inuit.css is built to work on smaller screens (such as tablets) and tiny screens (such as phones) straight out of the box with minimal effort.
inuit.css is a very stripped back framework designed to be built upon by you… no undoing things, and the minimum predefined styles.
The end of
Most frameworks require that you apply
class="end" to the last grid in a row in order to remove its
margin-right and stop things breaking, thus:
<div class="grids"> <div class="grid grid-4"> </div> <div class="grid grid-8"> </div> <div class="grid grid-4 end"> </div> </div>
Not with inuit.css. I’ve put a little system in place where, instead of
margin-right:20px;, the grid items have a
margin-left:20px; applied. This pushes them all a little too far across but doesn’t break if you put them in a container that is
20px too wide. Then, once all that’s happened you pull the container back by 20px. If none of that makes sense, just look at the code. No more
inuit.css has some little typographical niceties built into it from the outset. It also has a typographical scale and a (loose) baseline to get you well on your way.
inuit.css has basic support for new HTML5 elements. If you wish to use them you’ll need to add the shim yourself; inuit.css doesn’t make those decisions for you…
You may have noticed I said inuit.css is set to a loose baseline. That’s because you need to know when enough is enough. Too many developers waste time and money trying to wrestle code into doing things it just isn’t meant to. inuit.css sets sensible boundaries whilst staying useful and robust…
inuit.css’ main features are fully supported in IE7 but not in IE6 because, well, it’s time to move on. inuit.css embraces progressive enhancement.
My main gripe with most CSS frameworks is their lack of flexibility. inuit.css makes very few decisions for you, leaving you with total control.
Special thanks to Bryan James, Dan Bentley and Suzanna Haworth. Suze accidentally gave me the idea for the name, Bryan provided the super-awesome, cute-as-hell character and logo and Dan just put up with me wittering on about it all, as he tends to.
inuit.css was a fairly large undertaking which I am giving away for free. I’ll provide support where I can but if you do have any questions or require support please tweet at me before you try mailing. This means I can normally respond faster and it doesn’t make my inbox look scary. Thanks!