Getting started

CodyHouse is a free library of ready-to-use and easy-to-customize code snippets. By code we mean HTML, CSS and Javascript.  Therefore in order to use our resources you need at least a basic knowledge about web development.

When we release a resource, we also share some tips about how we created it. If you can’t figure out how the code works by yourself, you may wanna take a look at the resource walkthrough. Good chances are you’ll find the help you were looking for!

CSS Preprocessors

We use SASS, just because it gives us extra power while coding our nuggets. Bourbon is our mixin library of choice. However if you’re not into preprocessors (you should really give it a try!), you can just use the CSS files and delete the Partials and SCSS folders.

Reset Stylesheet

We always include the Reset Stylesheet by Eric Meyer to reduce browser inconsistencies.

Javascript

We use jQuery as javascript library.

Modernizr

We use Modernizr to detect old browsers, touch devices, devices with no support for javascript, and add custom CSS accordingly.

Starting template

All of our nuggets start from a basic template. It is often updated, you can download the latest version on Github. This is the template structure:

nugget template

SASS partials

We generally import 3 partials into our style.scss file. The _layout.scss is where you handle media queries. Also you’ll find here a light mixin to build grids on the fly:

The _mixins.scss file is where we store custom mixins. We keep it very simple, we know mixins organization is personal matter for a developer. We may even remove this file if no custom mixin was needed.

Finally the _variables.scss file is where we handle variables for colors, fonts and any other need.