/neat-starter-template

Html5 boilerplate with bourbon, neat and pure forms and tables

Primary LanguageCSSOtherNOASSERTION

Neat Starter Template

Neat Starter Template is a simple boilerplate contaning a little extra to get you off the ground.

Neat Starter Template contains:

Quick start

Clone the git repo — git clone https://github.com/Sashmac/neat-starter-template

If you find any bugs, or would like to contribute, feel free to do so.

If you have knowledge of testing, I would appreciate it if someone could whip up some testing units for this project.

Features

  • HTML5 ready. Use the new elements with confidence.

  • Cross-browser compatible (Chrome, Opera, Safari, Firefox 3.6+, IE6+).

  • Designed with progressive enhancement in mind.

  • Includes Normalize.css for CSS normalizations and common bug fixes.

  • The latest jQuery via CDN, with a local fallback.

  • The latest Modernizr build for feature detection.

  • IE-specific classes for easier cross-browser control.

  • Placeholder CSS Media Queries.

  • Useful CSS helpers.

  • Default print CSS, performance optimized.

  • Protection against any stray console.log causing JavaScript errors in IE6/7.

  • An optimized Google Analytics snippet.

  • 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.

  • Includes Bourbon and Neat

  • Includes the Forms and Tables part of Pure CSS

  • Includes a Grunt build system.

Documentation

Grunt

A grunt build system has been added to this project. There are two build systems.

  • Dev build (grunt dev)
    • Cleans up any left over minified js files to pass JSHint.
    • Compiles SASS for files in css/sass in to single expanded main.css
    • Runs JSHint on all JS files, excluding files in the "vendor" directory
  • Final build (grunt)
    • Compiles SASS for files in css/sass in to single minfied MAIN.CSS file.
    • Runs JSHint on all JS files, excluding files in the "vendor" directory.
    • Concatinates all JS files.
    • Uglifies concatinated js file.
    • Compresses JPG and PNG images.

Use grunt watch:server to launch a livereload server. At the moment, this requires the live reload Chrome extension.

Use @import to include any other .sccs files in to the final build. Compass only target _main.scss and its imports.

HTML5 Boilerplate

Take a look at the documentation table of contents. 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.

To-do

  • Find a better way to allow live reloading without the need for the Chrome plugin
  • Include some testing units

Html5 boilerplate with bourbon, neat and pure forms and tables

8738a85af4c867cf5ab9a2c35a8b70730ab1d887