Within a large team, making sure that everyone is on the same page can be difficult; at TMW we have a team of about 20 web developers (6 are front-enders and creative technologists) and this was an issue that we needed to tackle. We create many different types of sites, from single page apps to large-scale builds like uk.thebar.com or BBC Goodfood and needed a framework that would work for all of them, so Ash Nolan and I created Kickoff.
Kickoff is a lightweight front-end framework for creating scalable, responsive sites; that might sound a bit vague but it is the essence of the framework. Due to the nature of agency work, the projects are hugely varied, but as developers, we always try to cut corners to normalise things as much as possible – basically because we’re lazy and we don’t want to have to repeat things very often! Kickoff aims to mitigate common problems found in web development by providing a strong starting point and a set of helpful defaults for use on almost any project.
How do you get your hands on it?
We have built a brochure site at tmwagency.github.io/kickoff/ where you can find documentation and demos on various parts of the framework. If you want to grab the code, visit our Github project page. It is being actively maintained and we welcome suggestions and support for improvements. If you use Yeoman, there is a Kickoff generator that I created to help speed up the project creation process even more.
Here are a few sites using Kickoff:
- The BBC Goodfood cookery site
- The Western Europe version of uk.thebar.com cocktail site
- Strepsils Xfactor competition site
We are very proud of Kickoff, it has helped our team become more efficient, improving workflow throughout the department. Give it a try on your projects and let us know how you get on.