博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
2016年 CSS 库、框架和工具新生榜 TOP 50
阅读量:5967 次
发布时间:2019-06-19

本文共 2367 字,大约阅读时间需要 7 分钟。

hot3.png

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

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

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

CSS 库

:CSS 动画图标集

传送门:

:一款非常小巧的提示框组件。

传送门:

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

传送门:

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

传送门:

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

传送门:

Tootik纯 CSS 工具提示库

传送门:

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

传送门:

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

传送门:

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

传送门:

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

传送门:

Spinners & Loading 动画库

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

传送门:

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

传送门:

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

传送门:

CSS 图像特效

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

传送门:

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

传送门:

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

传送门:

CSS Image FiltersCSS Filter 教程,库和工具的集合

传送门:

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

传送门:

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

传送门:

CSS 实用程序

:强大的现代 CSS linter 工具

传送门:

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

传送门:

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

传送门:

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

传送门:

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

传送门:

Brand-Colors400 多种品牌颜色的集合(SCSS,Less,Sass,Stylus&CSS)

传送门:

设计指南工具和资源

Styleguide:轻松创建你的在线 styleguide

传送门:

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

传送门:

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

传送门:

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

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

传送门:

标识语言,让响应式邮件编写更轻松

传送门:

Flexbox 布局工具和框架

Flex Layout Attribute(FLA):CSS Flexbox 布局助手

传送门:

使用  布局的 CSS 网格框架

传送门:

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

传送门:

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

传送门:

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

传送门:

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

传送门:

CSS 布局框架

Driveway:纯 CSS masonry 布局助手

传送门:

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

传送门:

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

传送门:

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

传送门:

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

传送门:

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

传送门:

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

传送门:

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

传送门:

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

传送门:

Wing小型 CSS 框架

传送门:

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

传送门:

Material Design 框架

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

传送门:

:基于 Material Design 的一个现代化的响应式前端框架

传送门:

原文:

编译:-

转载于:https://my.oschina.net/u/2903254/blog/809874

你可能感兴趣的文章
对于DOM的attribute和property的一些思考
查看>>
解决mysql“Access denied for user 'root'@'localhost'”
查看>>
elasticsearch-analysis-ik-1.10.0中文分词插件安装
查看>>
JDBC--调用函数与存储过程
查看>>
【Android笔记】WebView的使用
查看>>
window下的Django环境搭建
查看>>
DelphiMVC连接池配置
查看>>
mysql简单的命令centos版
查看>>
maven spring 使用memcached方法
查看>>
线程安全总结
查看>>
【非常有用=小白也可以简单操作】越狱系统中可以让多个Kindle应用程序同时使用的办法--自己......
查看>>
Emacs-24.2 中很重要的几个函数--实现自定义语法高亮的关键
查看>>
JEECMS站群管理系统-- 标签的配置流程
查看>>
一致性哈希算法及其在分布式系统中的应用
查看>>
Kubernetes PV/PVC/StroageClass 持久化存储简介
查看>>
无维护地稳定运行了8 年的 Hyperic HQ
查看>>
Ripple(Glance)
查看>>
SpringMVC工作原理
查看>>
一个月薪12000的北京程序员的真实生活
查看>>
ArrayList add方法深度解析。
查看>>