/slick

Slick, a minimal and responsive CSS framework

Primary LanguageCSSApache License 2.0Apache-2.0

Overview

The Best CSS Framework ever, because it's homegrown.

Slick is a responsive front-end framework with a flexbox grid system. It pulls in inspiration and some features from frameworks such as Twitter Bootstrap, Materialize, Material Design Lite, articles and tutorials.

Progress

  • Demo site coming soon
  • Grid SASS complete (CSS Flexbox)
  • BEM Methodology
  • Buttons SASS almost complete
  • Cards SASS almost complete

Use in Your project

CDN links to come with examples of how to include in your HTML will use https://cdnjs.com/ to host slick.css and slick.js Version for development and minified version for production.

Building From Source

Clone this repository and build on what is included in the app directory.

Be sure to look over the installation docs to verify your environment is prepared. Once you have verified, check out the commands available to get started.

BEM Methodology

Check out this guide for specifics on naming conventions and how we used BEM for a better UX.

Accessibility

All components are tested to be web accessible and 508/ADA compliant. Will be adding automated checks into the build process

Browser Support

At present, the official aim is to support the following browsers:

  • IE9, IE10, IE11, IE Mobile 10
  • FF 30, 31
  • Chrome 34, 35
  • Safari 7, 8
  • Opera 23, 24

Troubleshooting

If you find yourself running into issues during installation or running the tools, please check WSK's Troubleshooting guide.

Inspiration

Built on Web Starter Kit, which includes Mobile HTML5 Boilerplate and Yeoman's generator-gulp-webapp.

Contributing

Contributions, questions and comments are all welcome and encouraged. For code contributions, please see the Contribution guide before submitting a pull request. Website related issues should be filed on the slick issue tracker.

License

Apache Copyright 2015 Anthony Jones