Get all goods from Bootstrap, add dozens of reusable web components that are not included in Bootstrap like listings, navigations or boxes, helpers, write all of them in BEM, then add automatically rendered styleguide and a nice tool to create static pages. This is Bootsmacss. It will raise your workflow to a new level. Make your markup and styles scalable and easy to maintain, does not matter if you are working on web app, huge CMS implementation or small website.
See demo of rendered Bootsmacss styleguide
BootSMACSS is nothing else than fusion of becoming increasingly popular approaches that we liked very much:
- Bootstrap - Bootsmacss is based and fully compatible with Bootstrap library
- SMACSS - modular stylesheet approach that splits everything into components
- SASS - keeps your stylesheets's syntax clean and tidy
- BEM - stylish structure of each SASS component
- GULP - to process SASS files and render styleguide based on your components
- Jekyll - to render static html prototypes as a result of graphic project's implementation that can be shown to client, tested and implemented later to CMS, or deployed to production server
Here are the examples of sites we created using BootSMACSS and Drupal:
- eurekanetwork.org - EUREKA Network
- eurostars-eureka.eu - Eurostars joint programme
- smartcities-infosystem.eu - Smart Cities Information System
- een.ec.europa.eu - Enterprise Europe Network
You will find a tutorial in BootSMACSS wiki pages.
You're a Drupal developer? Check Drupal port for BootSMACSS
- Michal Kokocinski
- Kris Gunciarz
Development Supported by WAAT Ltd