A lightweight front-end framework for creating scalable and performant, responsive sites

Developed and maintained by Ashley Nolan & Zander Martineau

Features

| | Feature | Description | |---------------- |---------------------------- |----------------------------------------------------------------------------------------------- | | :fast_forward: | #webperf | Performance-first, responsive philosophy | | :oncoming_bus: | Rock-solid build tasks | We use gulp & webpack to deliver the best task runner & developer experience for your project | | :eyeglasses: | Unopinionated & extendable | A few common UI elements, a grid & some other base styles. The rest is up to you. | | :crystal_ball: | Future proof | Build complex layouts with flexbox. Our grid | | :angry: | Lean & mean | CSS: 8.68 kB gzipped JS: 2 kB gzipped It is a boilerplate after all :wink: |

Tasks

| | Task | Description | |---|---------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---|---| | :art: | CSS | npm run compile:css - Sass (Libsass via node-sass), Postcss with Autoprefixer, CSSNano and more, Source Maps | | :elephant: | Javascript | npm run compile:js - Babel, Webpack | | :ferris_wheel: | Images | npm run compress:images - Compression with imagemin | | :fish: | Icons | npm run compile:svg - Auto-generated SVG Sprites | | :construction: | Compile | npm run compile:all - Compile all the things | | :eyes: | Watch | npm run watch - Watch all the things | | :fire: | Live updating | npm start - Basic dev server using Browsersync | | :shipit: | Production builds | npm run compile:release, or add the --release flag to any other task, e.g. gulp javascript --release or gulp css --release |

:memo: Demos and documentation

Kickoff's demo and documentation site is hosted at trykickoff.com.

Yeoman generator

Our Yeoman Generator is the best way to get Kickoff each time you want to start a new project, visit trykickoff.com/docs/yeoman.html for more info.

Need real-time help? Find us on Slack

:bug: Bugs and feature requests

Have a bug or a feature request? Please search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.

Browser compatibility

Kickoff has been tested in the following browsers:

| Chrome (latest) | Firefox (latest) | Internet Explorer (9+) | Safari (latest) | Safari (iOS) (latest) | Opera (latest) | |:---------------------------------------------------------------------------------------------------------------:|:------------------------------------------------------------------------------------------------------------------:|:---------------------------------------------------------------------------------------------------------------------------------:|:---------------------------------------------------------------------------------------------------------------:|------------------------------------------------------------------------------------------------------------------------|:------------------------------------------------------------------------------------------------------------:| | | | | | | |

Maintainers and contributors

| Zander Martineau | Ashley Nolan | Nic Bell | |:-------------------------------------------------------------------:|:--------------------------------------------------------------------:|:-----------------------------------------------------------------:| | | | | | Twitter | Twitter | Twitter | | Github | Github | Github | | Site | Site | Site |

Community

If you're using Kickoff we'd love to hear about it; please e-mail us at [email protected]

Keep track of development and community news by following @TryKickoff on Twitter.

Contributing

Please read our contribution guidelines before contributing to Kickoff.

Versioning

For transparency into our release cycle and in striving to maintain backward compatibility, Kickoff is maintained under the Semantic Versioning guidelines. Sometimes we screw up, but we'll adhere to those rules whenever possible.

Sponsored by

Kickoff was created by Ash and Zander while working at TMW. TMW continue to provide sponsorship for the development of the project as well as trykickoff.com domain renewals and stickers.