Skip to content

Instantly share code, notes, and snippets.

View jeffbkk's full-sized avatar

Jeff Labour jeffbkk

  • Startup Factory
  • Bangkok
View GitHub Profile
@jeffbkk
jeffbkk / css_resources.md
Created March 27, 2014 14:02 — forked from jookyboi/css_resources.md
CSS libraries and guides to bring some order to the chaos.
View css_resources.md

Libraries

  • 960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
  • Compass - Open source CSS Authoring Framework.
  • Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
  • Font Awesome - The iconic font designed for Bootstrap.
  • Zurb Foundation - Framework for writing responsive web sites.
  • SASS - CSS extension language which allows variables, mixins and rules nesting.
  • Skeleton - Boilerplate for responsive, mobile-friendly development.

Guides

@jeffbkk
jeffbkk / 0_reuse_code.js
Created March 27, 2014 14:02
Here are some things you can do with Gists in GistBox.
View 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@jeffbkk
jeffbkk / gist:5883294
Created June 28, 2013 08:24
Another way for omega reset done in bourbon neat
View gist:5883294
// From https://github.com/joshfry/point-guard
// Pass a second argument as the grid number context
@mixin omega-grid-reset($nth, $num-grid) {
&:nth-child(#{$nth}) { margin-right: flex-gutter($num-grid); }
&:nth-child(#{$nth}+1) { clear: none }
}