网页前端开发工具推荐！超实用的CSS库、框架大全

当启动一个新的项目，使用 CSS 框架或样板，可以帮助您节省大量的时间。在这篇文章中，我编译整理了我最喜欢的 CSS样板，框架和库，帮助你在建立网站或应用程序时更加高效。

好文推荐：
《想学响应式设计？来看史上最全的响应式设计资源库》
《经典推荐：CSS学习中的瓶颈》
《值得网页开发人员收藏的16款HTML5工具》

Bootstrap

如果你想给你的新项目的专业的外观和感觉，Boostrap 可能是你需要的工具。它拥有一个非常干净的排版，表格元素，以及设计一个现代化的网站你需要的所有东西。更多信息: twitter.github.io

Foundation

Foundation 来自 Zurb，是一个非常有趣的工具，特别适合用于创建响应式网页。Foundation 有很多不同的布局模板，所以在你启动新项目时，肯定可以帮助你节省很多时间。更多信息: http://foundation.zurb.com/

Compass

Compass 是一个开源的 CSS 编写框架。它采用 Sass，扩展了 CSS，增加了嵌套规则，变量，混入，选择继承等特性。绝对值得一试！更多信息: http://compass-style.org/

Profound Grid

这是一个响应式的网格系统，用于固定和流体布局，内置 SCSS。如果你打算开发一个基于网格的布局，你绝对应该试试 Profound Grid。更多信息: http://www.profoundgrid.com/

Kube

Kube 是一个简单而简约的 CSS 框架，基于灵活的网格和漂亮的印刷字体。如果你正在寻找一个轻量级的框架，没有强加的风格，那么这是适合你的工具。更多信息: http://imperavi.com/kube/

Topcoat

我知道，我已经在文章介绍过很多次 Topcoat 了，不过 Topcoat 是真的很棒！如果你想能够快速，轻松地创建一个专业的网站，那么这是一个很好的选择。更多信息: http://topcoat.io/

Pure CSS

Pure CSS 来自雅虎，是一组 CSS 模块，您可以作为基础在每一个 Web 项目中使用。它使 CSS 开发更容易，整个框架看起来很干净，专业。如果你还没有用过的话，尝试一下！更多信息: http://purecss.io/

KNACSS

KNACSS 是一个简约的，响应式的和可扩展的 CSS 框架。它处理基本要素，盒大小，边距，浮动，简单和复杂的对齐，定位，布局网格，间距等等，而且一切都是自动的！更多信息: http://www.knacss.com/

Metro UI

你喜欢 Windows 8 的风格吗？如果是的话，我敢打赌，你会喜欢的 Metro UI，这个 CSS 框架允许你创建的 Windows 8 风格外观和感觉的网站。更多信息: http://metroui.org.ua/

Skeleton

Skeleton 是一个小的 CSS 文件集合，可以帮助你迅速开发在任何尺寸都外观漂亮的网站，不过是在17寸的笔记本电脑的屏幕或 iPhone 上。更多信息: http://www.getskeleton.com/

原文地址：cnblogs

 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册：网页设计师必须修炼的内功技法，更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/。
设计微博：拥有粉丝量63万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：