转载

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
正文到此结束
所属分类： 编程技术

热门推荐

相关文章

阿里云首购8折
说给你听

本文目录
随机标签
书籍教程
springboot-demo Java入门教程 bootstrap3 CSS Apache基础教程 php ionic 教程 Python mysql教程 eclipse Ubuntu VPS系统配置 AngularJS 教程 MongoDB教程 Struts2教程 Redis教程 Spring教程 Git教程 Jenkins进阶系列 openfire参考指南 Java设计模式 HBase教程 java-demo Maven教程 springcloud-demo hibernate教程 Docker 教程 memcached教程 Quartz指南 Hive教程 ANTLR教程 SpringCloud Ant教程 java实例教程 Hazelcast教程 XStream教程 Elastic-Job-Lite 深入浅出MyBatis ibaties教程 SVN教程 rabittmq教程 Hadoop教程 solr教程 WebService CXF学习 JPA教程 ActiveMQ中文指南 Java内存模型 dubbo教程 python3-demo Linux入门视频教程
近期评论
  1. 1 使用 Docker 打包和运行 Vue 应用
  2. 2 Dependency Check命令行方式扫描jar包的安全漏洞
  3. 3 maven使用Dependency-Check来扫描安全漏洞
  4. 4 使用sonarqube分析代码质量
  5. 5 使用screw来对比数据库表和字段差异
  6. 6 Spring Boot 实现防盗链功能
  7. 7 在Spring Boot中的实现国际化（i18n）
  8. 8 一个用于 SMB/CIFS 网络的 Java 库-JCIFS
  9. 9 Spring Boot 3.x嵌入MongoDB 进行测试
  10. 10 java如何解析和生成yaml文件？
网站信息
  • 文章总数：82,737 篇
  • 文件总数：284,312 个
  • 标签总数：2,416 个
  • 分类总数：85 个
  • 留言数量：2,559 条
  • 在线人数：634 人
  • 运行天数：4,439天
  • 最后更新：2024年12月22日23点
Loading...

其他链接

关于本站

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

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

问题交流

[HBLOG]公众号 HBLOG HBLOG