mooseheadstudio / html5-moosehead

Moosehead.Studio HTML5 Skeleton (scss)

HTML5 Base for Moosehead.studios Changelog.

HTML5 Base is a professional front-end template for building fast, robust, and adaptable websites.

This project is the base on which all Moosehead Studios websites are built. We use GIT as a place for template revisions (except clients), updates and security updates to help keep the web secure and fast.

• Homepage: https://moosehead.studio/
• Source: https://github.com/MooseheadStudio
• Twitter: @narcarsiss

Quick start

Choose one of the following options:

1. Download the latest stable release from here.
2. Clone the git repo — git clone https://github.com/MooseheadStudio/html5-Moosehead.git

Features

• HTML5 ready.
• Converted to fully support SASS(SCSS)
• Implemented support for Compass
• Designed with progressive enhancement in mind.
• Placeholder CSS Media Queries.
• Useful CSS helper classes.
• Custom @mixins for Fonts, Icons, Grid-System.
• Custom Vertical Rythem
• Susy for grid math
• Auto Prefixer (Via PrePros app)
• Custom default Fonts and Fallbacks
• Custom Breakpoints for @Media Queries
• Default font varibles
• Default print styles, performance optimized.
• An optimized version of the Google Universal Analytics snippet.
• Protection against any stray console statements causing JavaScript errors in older browsers.
• Extensive inline and accompanying documentation.

Files Included:

• Normalize for CSS normalizations and common bug fixes
• Material Design Icons for ligar icons (since FA has gone premium)
• jQuery via CDN with SRI Hash and a local fallback
• A custom build of Modernizr for feature detection
• Apache Server Configs that, among other, improve the web site's performance and security.
• Breakpoint for easy development of multi device sites and apps.

Requirements

• Sass
• PrePros (Free app) https://prepros.io
  • For @Imports (Bourbon, Susy) - config included in template
  • If you dont want to use prePros you can Import Bourbon and Susy with NPM

Browser support

• Chrome (latest 3)
• Edge (latest 3)
• Firefox (latest 3)
• Internet Explorer 9+
• Opera (latest 3)
• Safari (latest 3)

This doesn't mean that HTML5 template cannot be used in older browsers, we'll just ensure good security practices by removing compatibility with the ones not mentioned above. (forcing clients to upgrade and stay safe)

Documentation

Take a look at the documentation table of contents.

Contributing

Please take a moment to review these documentations and report any issues. the guidelines:

• Bug reports
• Feature requests
• Pull requests

License

The code is available under the MIT license.