
Mesh
- Repository
- https://github.com/sourcey/mesh
- Licence
- MIT
- Dependencies
- Some modules depend on JQuery
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
- Fork Mesh on Github
- Create your feature branch (
git checkout -b my-new-feature
) - Commit your changes (
git commit -am 'Add some feature'
) - Push to the branch (
git push origin my-new-feature
) - 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