8 个 Bootstrap 替代品
Bootstrap是推ter推出的一个用于前端开发的开源工具包。它由推ter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。
Foundation, from Zurb, is a very popular front-end framework and was the first ever open-source web framework to support responsive design and the first to be Mobile First. The team knew that future of the web design standards is changing, successfully predicting that mobile would lead the way.
The newest version, Foundation 5, was released in the fall of 2013 and brought some much needed improvements that have set a new standard for web frameworks. My favorite is ‘Interchange‘ – a simple way for using media queries to change content depending on the user’s browser. It makes it possible to provide lighter component options for mobile users.
Foundation is very well documented, so check the official documentation to learn more.
Zimit is a very lightweight HTML5 framework for prototyping responsive web site designs for web developers. It’s based on the LESS CSS pre-processor and provides a framework designed for scalability and code that’s easy to read and understand. It supports all modern web browsers and compiled it’s only 88kb in total file size.
I suggest playing around with how the framework hanldes responsive design for a little bit. The design section of the documentation offers some inight and shows how Zimit handles responsive grids.
InK is an interface kit for the rapid development of web interfaces that aims to be easy to use and expand upon. It’s also based on LESS and offers a fluid grid and other responsive development features for creating both large and small website projects. InK’s primary differentiator is how it handles layout, allowing flexibility in how blocks fall within the grid. You can see some demos of sites build with InK here, and here.
Just like any other framework, it was built to take away the hassle of having to start every project from scratch and from having to think about how you’re going to support a range of browsers. You can head over to their getting started guide to get a feel for it.
The version of Bootstrap included is a fork, but offers some really nice functionality including a bunch of built-in themes which you can preview on their page.
Pure, created by Yahoo! is a collection of CSS modules designed to be extremely compact (4.5KB minified and gzipped). It offers the ability to select only the pieces that you need, saving and compressing the size again. This can be especially important on mobile devices. You can see a really nice comparison to Bootstrap in this review.
HTML5 Boilerplate isn’t really a framework but rather it is a professional front-end template to give you a head start building a robust and adaptable web app. Boilerplate comes baked with Modernizr, Normalize.css and jQuery to help you create pages that work across browsers and can adapt to browsers that don’t offer support for certain features.