Cardinal is a small “mobile first” CSS framework for front-end developers who build responsive web applications.
The purpose of this framework is to make it easier to rapidly prototype, build, scale, and maintain CSS for responsive web applications. Cardinal omits many aesthetic design decisions often bog down larger, more complicated CSS frameworks, leaving the design and creativity up to you.
Cardinal focuses on performance, accessibility, and readability first. It’s a starting point with a minimal file structure and useful CSS styles that you will want to customize and build upon to suit your application or project.
Front-end web developers who want to build well-organized, responsive web applications without losing their minds should use Cardinal.
The purpose of this framework is to make it easier to rapidly prototype, build, scale, and maintain CSS for responsive web applications. Cardinal omits many aesthetic design decisions often bog down larger, more complicated CSS frameworks, leaving the design and creativity up to you.
You can read the documentation site to help you get started. It provides detailed explanations, examples, and known issues. The site itself is a demo!
As of version 2.1.0, Cardinal supports the LESS preprocessor (thanks @brandonb927), and includes a simple Grunt build process to compile and minify CSS/JS files.
If you want to use Grunt to compile your LESS code, you must have Node, Grunt, and Grunt’s dependencies already installed on your machine.
npm install && npm install -g grunt-cliTo compile your LESS files and watch for future changes, simply run the grunt command from the root directory of your project. This will build and output your LESS code with proper vendor prefixes to the dist/ directory.
Run the grunt dist command to compile and minify your finished code to the dist/ directory.
Cardinal supports most modern browsers:
- Google Chrome 25+
- Mozilla Firefox 19+
- Safari 6.0+
- iOS Safari 4.0+
- Opera 12.1+
- Android 4.2+
- Internet Explorer 9+
I realize that for many web applications, IE8 and below cannot be ignored. By including the REM unit polyfill and Scott Jehl’s Respond.js, Cardinal should work in IE8.
A better option might be to include an IE-only stylesheet that serves a “fixed-layout” version of your application, instead of bothering with polyfills and other band-aid solutions.
Cardinal will be maintained using the Semantic Versioning guidelines. From here on out, releases will be numbered using the following format:
major.minor.patch
- Breaking backwards compatibility increments
major, while resettingminorandpatch. - New code that does not break backwards compatibility increments
minor, while resettingpatch. - Bug fixes and other small changes increment
patch.
Is something broken? Do you have ideas or feature requests? Please submit an issue here on GitHub. Or, if you are feeling especially motivated, write some code and submit a pull request!
IMPORTANT: Before doing a bunch of work, please consult the CONTRIBUTING.md document, which gives detailed instructions on how to contribute to this project. If you do not follow the instructions, your code will probably not make it into this project.
Cardinal is licensed under the MIT Open Source license. For more information, see the LICENSE.md file in this repository.
Cardinal is a project by @cbracco.