inuit.css is a powerful little framework designed for serious developers.
It is a Sass based, Object Oriented framework that is full of objects and abstractions. inuit.css provides little-to-no design which means no undoing things, no deleting CSS and no adhering to other peoples’ design decisions.
inuit.css is ideally suited to designers who want to focus on the creative and not code, and developers who understand the need for abstraction and an OO approach.
inuit.css gives you design patterns, not design decisions. It features nestable, fluid grids; a double-stranded heading hierarchy; sprites; buttons and a lot, lot more.
Use inuit.css if:
- You need a powerful library of objects and abstractions.
- You understand/appreciate the value of OO code and the need for scalability and reuse.
- You are a confident/competent developer comfortable with OOCSS and Sass, as well as familiarity with OO principles in general.
Do not use inuit.css if:
- You need a framework that supplies design (I’d recommend Bootstrap for that).
There are a million-and-one different CSS frameworks out there so this rather cringeworthy section is an attempt to validate inuit.css and give it some credibility…
I am Harry Roberts, I am a 22 year old developer and front-end architect from the UK. I work as a Senior UI Developer for BSkyB where it is my job to build scalable front-ends, write internally used CSS frameworks and libraries, and to architect CSS and front-end builds.
I write, tweet and speak about OOCSS, scalable CSS, maintainability, working in large teams, CSS performance, CSS architecture and a whole lot more.
inuit.css is the result of years of my specialism in CSS (as CSS is all I do). It is a collection of design patterns, objects and abstractions that have been refined and bulletproofed over hours of development across an array of projects of varying sizes. inuit.css is the result of hundreds of hours of work all condensed into one powerful little framework.
inuit.css is incredibly easy to get up and running (provided you’re all set for
Sass). Simply download the latest version
of inuit.css from right here on GitHub, unpack the zip file, rename
your-project.scss to whatever your project is called and then watch that file
to a minified version with:
sass --watch [your-project].scss:[your-project].min.css --style compressed
…where [your-project] is the name you have chosen for your build.
It is important to compile to a minified file because inuit.css is packed full of comments and whitespace; so much so that it would be detrimental to your website’s performance to serve the unminified version. The current version of inuit.css, once minified and gzipped, weighs in at just 3kB.
There are no official docs for inuit.css because the code is the documentation. Everything is heavily commented with example HTML. If you struggle with anything please tweet at @inuitcss and/or open an issue and I’ll try help out and use your feedback to improve the documentation.
If you would like to try inuit.css out before you download anything there is a compiled version on jsFiddle that you are encouraged to fork and play with. Refer back to the source here on GitHub for documentation.
If you use inuit.css on a live project then tweet at me and I’ll send you some inuit.css stickers!
If you use and/or like inuit.css, perhaps you might consider supporting it through Gumroad.
inuit.css, although produced and maintained by one developer, could not have been possible without inspiration and work from an array of other people.
- Nicole Sullivan for her work on OOCSS
- Jonathan Snook for his work on SMACSS
- Nicolas Gallagher for his work on various CSS things
- Bryan James for the inuit.css logo
And probably more…
inuit.css is the most powerful little framework out there, and it’s ready to go!