转载

发表于 2016年12月22日
浏览 (734)
评论 (0)

2016 年 CSS 库、框架和工具新生榜 TOP 50

CSS 于 2016 年发布的开源工具，其产量之大超出人们的预料，但纵观 CSS 在过去几年的巨大变化与快速发展，此结果的出现似乎又在情理之中。这些 CSS 库、框架和工具的建立不仅给我们提供了学习的视角，更给我们的工作与生活带来了便利。

本文精选了 50 款 2016 年发布的 CSS 库、框架和工具供大家享用，希望它们对您有所帮助。

分类快速预览：CSS 库，CSS Spinners，CSS 图像特效，CSS 实用程序，设计指南工具，响应式邮件与通讯列表框架，Flexbox 布局工具和框架，CSS 布局框架和 material design 框架。

CSS 库

hamburgers ：CSS 动画图标集

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： https://jonsuh.com/hamburgers/

Balloon.css ：一款非常小巧的提示框组件。

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://kazzkiq.github.io/balloon.css/

StarWarsIntro.css ：模拟星球大战片头滚动字幕特效的 CSS 库

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： https://polarnotion.github.io/starwarsintro/

EQCSS ：让你能够编写元素查询式的 CSS 样式

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://elementqueries.com/

Basscss ：轻量级的 CSS 基本元素样式、工具、颜色和布局模块，用以开发高性能 Web 页面。

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://basscss.com/

Tootik ：纯 CSS 工具提示库

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： https://eliorshalev.github.io/tootik/

PostCSS.parts ：可搜索的 PostCSS 插件目录

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://postcss.parts/

voxel.css ：轻量级 3D CSS 体素库

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://www.voxelcss.com/

wysiwyg.css ：使用单个 CSS 类即可对 TinyMCE 或 Markdown 生成的内容进行样式化

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://jgthms.com/wysiwyg.css/

Tipograf ：轻量级的纯 CSS 字体排版库

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： https://github.com/tiaanduplessis/tipograf

Spinners & Loading 动画库

Spinners ：用 HTML 和 CSS 实现的“加载图标”动画的集合

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： https://boguz.github.io/Spinners/

loading indicators ：纯文本，纯 CSS，不依赖字体的内联加载指示器

传送门： http://tawian.io/text-spinners/

CSS Loader ：简单的 loader/spinner 库，使用一个 DIV 和 CSS 即可创建

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://www.raphaelfabeni.com.br/css-loader/

CSS 图像特效

Imagehover.css ：可扩展的、轻量级的图像悬停效果 CSS 库

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://imagehover.io/

HUE.css ：含 49 项逼真的 CSS 渐变背景样式

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://evankarageorgos.github.io/hue/grid.html

Diffee Checker ：利用 CSS blend mode 来即时查看两个网页的视觉差异

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://diffee.me/

CSS Image Filters ： CSS Filter 教程，库和工具的集合

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： https://speckyboy.com/css-image-filter-toolbox/

CSSgram ：用 CSS filter 和 blend mode 来模拟 Instagram 风格的滤镜

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://una.im/CSSgram/

CSSCO ：灵感来自 VSCO 和 CSSgram 的 CSS 摄影滤镜集合

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://www.cssco.co/

CSS 实用程序

stylelint ：强大的现代 CSS linter 工具

传送门： http://stylelint.io/

CSS Purge ：每看一次你都能给你的网站节约 1KB 流量

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://www.csspurge.com/

cssnano ：基于 PostCSS 生态系统的 CSS 压缩工具

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://cssnano.co/

WAIT! Animate ：用以计算 CSS 动画关键帧百分比

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://waitanimate.wstone.io/#/

MaintainableCSS ：用以编写模块化，可扩展和可维护的 CSS

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://maintainablecss.com/

Brand-Colors ： 400 多种品牌颜色的集合（SCSS，Less，Sass，Stylus＆CSS）

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://brand-colors.com/

设计指南工具和资源

Styleguide ：轻松创建你的在线 styleguide

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://livingstyleguide.devbridge.com/

Atomic Docs ：前端样式指南生成器和 SASS 组件管理器

传送门： http://atomicdocs.io/

Styleguide Toolbox ：模板, UI 部件, 工具和生成器集合

传送门： https://speckyboy.com/styleguide-toolbox/

响应式电子邮件和通讯列表框架

Foundation for Emails 2 ：快速创建响应式电子邮件

2016 年 CSS 库、框架和工具新生榜 TOP 50

MJML ：标识语言，让响应式邮件编写更轻松

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： https://mjml.io/

Flexbox 布局工具和框架

Flex Layout Attribute（FLA） ：CSS Flexbox 布局助手

传送门： http://progressivered.com/fla/

Grd ：使用 Flexbox布局的 CSS 网格框架

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://flexboxgrid.com/

Flexbox Grid ：基于 flex 布局的网格系统

传送门： http://flexboxgrid.com/

Bulma ：基于 Flexbox 布局的现代 CSS 框架

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://bulma.io/

Flexbox Playground ：用于学习和构建 Flexbox 布局的便利工具

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://codepen.io/enxaneta/details/adLPwv

Flexbox Patterns ：用于使用 CSS flexbox 构建用户界面的资源集合

传送门： http://www.flexboxpatterns.com/home

CSS 布局框架

Driveway ：纯 CSS masonry 布局助手

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://jh3y.github.io/driveway/

Bricklayer ：轻量级、无依赖的 Pinterest 风格的层叠网格布局库

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://bricklayer.js.org/

Simple Grid ：响应式，轻量，简约的 CSS 网格系统

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://simplegrid.io/

BlazeCSS ：用于快速构建网站的开源、模块化 CSS 框架

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://blazecss.com/

Vital CSS Framework ：用于现代 Web 应用的低入侵性的 CSS 框架

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： https://vitalcss.com/

Aleut.css ：具有可扩展性的强大的 web 框架

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://aleutcss.github.io/

Gutenberg.css ：为打印而生的现代框架

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： https://github.com/BafS/Gutenberg

mini.css ：小型 Sass-y 响应式移动 CSS 框架

传送门： https://chalarangelo.github.io/mini.css/

Picnic CSS ：让你的项目极速起动的漂亮 CSS 库

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://picnicss.com/

Wing ：小型 CSS 框架

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://usewing.ml/

RichCSS Framework ：代码简洁美观, 可复用性高的 CSS 框架

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://www.richcss.com/

Material Design框架

Vue Material ：Vue.js 的轻量级 Material Design 框架

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： https://marcosmoura.github.io/vue-material/#/

Materialize ：基于材料设计的一个现代化的响应式前端框架

2016 年 CSS 库、框架和工具新生榜 TOP 50

传送门： http://materializecss.com/

原文： Top 50 CSS Libraries, Frameworks and Tools from 2016

编译：开源中国- 达尔文

原文 https://my.oschina.net/u/2903254/blog/809874

正文到此结束

所属分类：编程技术

本文标签： git UI 插件 toolbox ip 网站 HTML http mail cat 响应式 ECS 编译 Ipo 代码 src id web tar GitHub lib 希望目录管理开源 MQ js CSS 开发 IO https IDE REST Atom
版权声明： 本文为互联网转载文章，出处已在文章中说明(部分除外)。如果侵权，请联系本站长删除，谢谢。
本文海报： 生成海报一生成海报二

热门推荐

openfire数据库安装指南

浏览(13,740) 评论(0)
Caffe 深度学习框架上手教程

浏览(10,454) 评论(0)
ReactiveCocoa入门教程：第一部分

浏览(11,286) 评论(0)
开源HIDS-OSSEC使用实例:监测CC攻击

浏览(11,194) 评论(0)
Decorators in ES7

浏览(15,737) 评论(4)
用Electron（Atom编辑器的兄弟项目）开发桌面应用

浏览(28,761) 评论(0)
Windows下JetBrains CLion中文输出乱码的解决方法

浏览(12,212) 评论(1)
同步-@synchronized, NSLock, pthread, OSSpinLock性能比较

浏览(11,176) 评论(0)
Seaweedfs之Volume读请求重定向

浏览(25,454) 评论(3)
HTML、CSS及JavaScript ：有Promise，不会搞大肚子

浏览(13,314) 评论(0)

相关文章

阿里云首购8折

Loading...

其他链接

关于本站

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。

问题交流

[HBLOG]公众号

HBLOG

HBLOG