Chassis is an attempt at creating open standards designed for CSS libraries, JavaScript UI libraries, and web developers in general. This project will define standards for markup and class names for common widgets and patterns, as well as an implementation of those standards. Just like DOM libraries can build upon Sizzle, we hope UI libraries will build upon this.
- Broad Device Support: The number of devices being used around the world continues to grow. We aim to support a wide range of devices without sacrificing usability or aesthetics.
- Performance: The styles applied to your web page have a significant impact on how quickly the page can be rendered and how smoothly the page scrolls, among other things.
- Modularity: Each component will be designed as separate modules, allowing customized builds of just the pieces you need.
- Pushing Web Standards: We will work with W3C and WHATWG to improve CSS standards based on our work and feedback from the community.
- Collaboration: We value input and collaboration from the community. We don't want to just build yet another CSS library; we want to improve collaboration and interoperability across projects.
If you maintain a JavaScript library that has UI components, we'd love for you to join our efforts. We'd be happy to hear your feedback and work through updates of your project(s) to support CSS Framework. If you have the time and interest to help define the standards and improve on our implementation, that's even better! Check out the contribution guidelines for more information.
Node.js and npm should be installed. [installer]
Once you've cloned Chassis to your machine, run npm install and grunt build from the root Chassis directory.
$ npm install
$ grunt build
- Follow the steps for building above
- Ensure you have both firefox and chrome browsers installed
- Download CouchDB from http://couchdb.apache.org/#download
- Start CouchDB
Once you have completed the setup run grunt perf from the root of the Chassis directory.
$ grunt perf
####DO NOT USE YOUR COMPUTER WHILE TESTS ARE RUNNING
When the tests complete go to http://localhost:5984/css-performance/_design/site/index.html#/page-select to view results
Follow the steps above to build. Once that is complete run grunt connect:dev from the root of the Chassis directory. This will start a connect server that will run until you stop it. Then go to http://localhost:4200/framework/{framework name}/component/{component name}/count/{ # of components to render}/ and you can see the generated test page.