Mesh

Repository
https://github.com/sourcey/mesh
Licence
MIT
Dependencies
Some modules depend on JQuery

Mesh Logo Mesh is a modular CSS3 layout framework designed for building web sites that take advantage of the latest CSS3 and HTML5 capabilities while still providing fallback support for older browsers.

Mesh consists of a number of separate modules which may be optionally included in your projects:

Core
Core JavaScript module and API.
Reset
A stylesheet which resets default browser style declarations so your layout displays correctly across browsers.
Grid
CSS3 stylesheet that uses display:table for implementing flexible grid based websites.
Portal
CSS3 stylesheet for 100% height layouts.
Forms
Tames and beautifies forms across browsers using degradable HTML5 and CSS3. The JavaScript module adds HTML5 validation capabilities for non HTML5 compliant browsers.
Buttons
Fantastic looking degradable CSS3 buttons and button sets.
Fullscreen
HTML5 fullscreen API polyfill.
Geo
Our own implementation for GPS tracking using HTML5 geolocation.
Hint
CSS3 tooltip library.
Hint
Cross-browser history implementation for HTML5 history with hashbang fallback.
Cookie
Simple and convenient class handling cookies in JavaScript.
Browser
Browser detector which displays browser names and adds browser names to the body tag (like Modernizr)

Extending

Mesh uses a simple modular API which makes it dead easy to extend it with your own modules:

Mesh.extend('grid', {
  // an optional init method.
  // will be called on Mesh.init()
  init: function() {
  }
  
  // other methods
}); 

Compiling

Mesh uses Grunt.js for build automation.

If you don’t have Grunt.js installed yet follow these instructions. Whenever you make any changes to the source files just run grunt from the source directory to compile minified JavaScript and CSS files for production use.

Alternatively, you can run grunt watch to automatically recompile scripts whenever the source file content changes.

Contributing

  1. Fork Mesh on Github
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request

Issues

If you come across any bugs or issues then please use the new Github issue tracker: https://github.com/sourcey/mesh/issues