8 个 Bootstrap 替代品
Bootstrap是推ter推出的一个用于前端开发的开源工具包。它由推ter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。
Foundation
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
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
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.
HTML KickStart
HTML KickStart is perfect place to start for building menus, buttons, placeholders and even slideshows. It contains a set of HTML, CSS, and JavaScript components that will help you save a ton of time, by letting you build things quickly. HTML KickStart has everything you need to rapidly create HTML page layouts including components for buttons, lists, menus tables and more, making it perfect for wireframing.
Kickstrap
Kickstrap isn’t exactly an alternative to Bootstrap. It is a boilerplate of Bootstrap, JSPM (a JavaScript package manager), AngularJS and Roots (for compiling Jade, CoffeeScript and Stylus). Basically Kickstrap seamlessly combines Bootstrap with a bunch of top-tier web technologies. It can even run an authenticated, database-driven web app without a backend, using built-in Firebase integration.
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
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
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.
YUI
YUI is a free, open source JavaScript and CSS framework for building interactive web applications. YUI is provided under a BSD license and is available on GitHub for forking and contribution. YUI has been around for a while and has proven to be scalable, fast, and robust. Built by front-end engineers at Yahoo! and contributors from around the world, it includes a comprehensive API for things like working with the DOM, creating UI effects and loading content via Ajax.