Code Monkey home page Code Monkey logo

sass-boilerplate's Introduction

SASS Boilerplate

SASS Boilerplate is a no-bullshit UI framework that is built for performance and compatibility.

It's meant for designers and developers who care about the bloat modern front-end frameworks like Bootstrap and Foundation are introducing, and aims to solve these issues with a simplistic, modular approach.

Similar to organic SCSS, this project uses placeholders wherever possible, so as to reduce duplicate code. As a result, your css parses slightly faster, and you have to maintain less code.

Quick start

Choose one of the following options:

  1. Use the yeoman generator
  2. (New!) Install using bower - bower install sassboilerplate
  3. Clone the git repo โ€” git clone https://github.com/srsgores/sass-boilerplate-boilerplate.git - and checkout the tagged release you'd like to use.

Features

  • SASS-ready. Use the new elements with confidence.
  • Cross-browser compatible: support IE8 and potentially IE7. Hacks are ready to go, and can be disabled easily.
  • Designed with progressive enhancement in mind.
  • NO MORE Normalize.css! You don't have to worry about normalization because the defaults are already in the base style via @extends
  • The latest jQuery and Modernizr build for feature detection via bower.
  • Modularized component-based approach, with minimal coupling only to helpers, mixins, and compass. Mix and match them as you wish
  • WAI-ARIA compliant, with roles. Start caring about accessibility today.
  • Icomoon icons included, with better, faster approach to loading icons
  • CSS3-animation-ready with companimation
  • Placeholder fixes, placeholder styling
  • Media query-ready, with grid system placeholders already implemented. Just extend a %col, and you're good to go.
  • Flexible grid placeholder naming scheme. Call your columns and rows whatever you want, and don't worry about bloat being output because you have placeholders! Once you extend, they fold to a single-column grid!
  • Useful placeholders like %small-margin-top, %large-padding-top, and so forth.
  • Fluid, extensible grid system with working media queries via susy grid system
  • Apache server caching, compression, and other configuration defaults for Grade-A performance.
  • Cross-domain Ajax and Flash.
  • "Delete-key friendly." Easy to strip out parts you don't need.
  • Extensive inline and accompanying documentation.

Documentation

Take a look at the documentation table of contents (in progress). This documentation is bundled with the project, which makes it readily available for offline reading and provides a useful starting point for any documentation you want to write about your project.

Contributing

Anyone and everyone is welcome to contribute. Hundreds of developers have helped make the SASS Boilerplate what it is today.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.