开发者

More CSS toolkits like Twitter Bootstrap? [closed]

Closed. This question is seeking recommendations for books, tools, software libraries, and more. It does not meet Stack Overflow guidelines. It is not currently accepting answers.
开发者_如何转开发

We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.

Closed 5 years ago.

Improve this question

I was looking for a place where I can find CSS toolkits and resources, ready to be used like the popular Twitter Bootstrap.

Any tips?


html5boilerplate is my favoured toolkit


Yahoo! have recently created Pure (source available on GitHub).

Pure provides:

  • A CSS Foundation built upon Normalize.css so that cross-browser issues are minimised.
  • Styling of common UI components such as lists, menus, buttons, forms and tables.
  • A comprehensive responsive grid system for building a site for all devices.

It is very lightweight with a total footprint of 4.4KB minified and gzipped compared to Bootstrap's 20KB. It is accessible from a CDN that Yahoo! provides.

It has been created with the viewpoint that creating new CSS rules is preferred to overwriting/altering existing ones. Therefore it is shipped with minimal styles out of the box (hence the size) - you have to create your own.


Semantic UI is really great, if you liked bootstrap, you should like it even more!


I think you will find Zurb Foundation to be very good as well


Blueprint is one of the popular CSS frameworks also.


If a good CSS framework is all you need, YAML is a great alternative too.


Try skeleton as another alternative.


Selection of any UI framework depends on the related technology stack. I use Semantic-UI (http://semantic-ui.com/) with AngularJS. Believe me, they are made for each other!

Semantic-UI gives good support for responsive web design and mobile components.


Here's a list of CSS frameworks which you may enjoy working with...

  • base - Responsive CSS framework with IE7+ support
  • BASSCSS - Low-level CSS toolkit
  • bootflat - Bootstrap with a flat design theme
  • Bootswatch - A collection of themes for Bootstrap
  • bulma - CSS framework based on Flexbox
  • cardinal - Cardinal is a small mobile first CSS framework
  • caramel - A simple, beautiful, responsive, modern CSS framework
  • HTML Starterkit - HTML5 template to kick off your responsive websites
  • kube - Minimalistic Web framework
  • Material Design Lite - Material Design Lite Components in HTML/CSS/JS
  • materialize - A modern responsive front-end framework based on Material Design
  • Metro UI - A front-end framework for developing website in Windows Metro Style
  • milligram - Minimal setup of styles for a fast starting point.
  • mini.css - A minimal, responsive, style-agnostic CSS framework/toolkit
  • mui - A Lightweight HTML/CSS/JS Framework implementing Material Design
  • papier - Material design like minimal CSS framework
  • pavilion - Unopinionated CSS framework
  • picnicss - Lightweight UI library
  • pure - A set of small, responsive CSS modules
  • semantic-ui - UI Kit with lots of themes and elements
  • skeleton - A dead simple, responsive boilerplate
  • tachyons - Modular UI framework
  • uikit - A lightweight and modular front-end framework


there is another one similar to bootstrap twitter , try HTMLKickStart


See free and extremely liteweight Litestrap CSS toolkit: http://js.plus/products/litestrap

The same as Bootstrap but only the grid (scaffolding).


If you are looking for something that:

  • has cross-platform styling (iOS, Android, WP, Web)
  • can be used with different themes
  • is framework agnostic
  • you can use it on mobile as well as desktop

Take a look at Mobiscroll Forms.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜