Giter Club home page Giter Club logo

bedrock's Introduction

Bedrock

Bedrock is a highly unopinionated and minimal front-end baseline built in LESS

Frameworks are too limiting. If your truly handwriting code only so much of it can be reused. Your classnames, IDs and markup structure should match what's best for the project. Bedrock attempts to avoid telling how to write your code and instead allows you to just write it.

Install

To install bedrock, simply download the zip into a folder of your choice or:

Using Bower you can run bower install bedrock

Using Volo you can run volo install aebsr/bedrock or volo add aebsr/bedrock

Using a git submodule you can run git submodule add git://github.com/aebsr/bedrock.git bedrock

Usage

@import 'path/to/bedrock/bedrock'

Browser Support

Out of the box, Bedrock supports IE8 up. But it is CSS3Pie and BoxSizing ready if you need to support IE7.

To enable support checkout the following steps. I chose to not use Modernizr classes as modernizr builds are all custom, and you may not even be using it.

CSS3PIE

To enable CSS3PIE, add the pie class to the html tag. If your using Modernizr it would look something like this.

<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7 pie"> <![endif]-->

And then in your LESS file, define the url of your polyfill, otherwise the default path will be used.

@pie_url: '/PIE.htc';

BoxSizing

To enable BoxSizing support in IE7, simply define your polyfill path. Otherwise the default path will be used.

@boxsizing_url: '/boxsizing.htc';

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.