At appendTo, there are several things most of our responsive projects have in common:
- We usually need a grid.
- We use similar interactive elements like dropdowns, off-canvas navigation, toggling, accordions, etc.
- We write the least amount of code possible.
- We oftentimes have to support back to IE8.
- We like to use object-oriented classes on elements to reuse things like float and text-align properties.
But there’s one thing that us visual design engineers don’t like: responsive frameworks. It’s not so much that we don’t like the idea of a framework to speed up our development, but rather we dislike the opinioniated specificity of most frameworks and, most of all, we dislike overriding the default styling that comes with most frameworks.
What BareKit is
BareKit is a super minimal, open source, responsive framework. Unlike most frameworks, it comes with zero “styling”. It uses CSS, but only for positioning and display properties. This is to keep the framework completely independent from your own custom styles. Once you include BareKit in a project it gets out of your way and it’s used by simply adding classes to your markup.
What it can do
This initial release comes with the following features:
- A responsive grid
- Media query mixins
- The ability to compile along with your custom Sass or Stylus, giving access to all of BareKit’s mixins and variables (which are customizable)
- Dropdown navigation
- Base form styling for checkboxes and radios
- Simple class toggling
- Utility classes (positioning, text-align, list styling, clearing and showing/hiding)
Getting started with BareKit
We will be posting a more in-depth article in the near future on actually building a sample website with BareKit, but for now it is extremely easy to get setup and start using the framework. The BareKit website contains all the information you need to get setup (basically Bower is the preferred method of installation).
As I mentioned, this project is open source so any contributions in the form of pull requests or GitHub issues are totally appreciated.