Originally published at: http://www.sitepoint.com/toolkit-front-end-framework-modern-web/
The core of Toolkit is based on strict but important design principles, which include responsive design, mobile-first design, semantic markup, progressive enhancement, graceful degradation, continuous integration, and configuration over convention. These principles ultimately shape the decisions behind Toolkit.
So, is Toolkit just another front-end UI framework? Yes but, as mentioned, with some key differences: Toolkit was built to be extremely extensible, easily customizable, and efficiently architected.
Let’s look at some of its unique features.
The following example uses Toolkit’s carousel component as a proof of concept.
<div class="carousel" data-carousel> <div class="carousel-items"> <ul data-carousel-items> <li>...</li> <li>...</li> <li>...</li> </ul> </div> <button type="button" class="carousel-prev" data-carousel-prev> </button> <button type="button" class="carousel-next" data-carousel-next> </button> </div>
data-* attributes. Want to add new markup to a component? Go for it! Want to change the markup to match the project? Feel free! Want to remove component functionality? Remove away! Data attributes provide what we think is a much better level of customization.