转载

2017年:35款最佳CSS工具

【51CTO.com快译】Web一直在不断变化,而前端开发者们也一直在努力学习以适应这股潮流中的种种现实要求。面向2017年,我们整理出35款最佳CSS工具,希望帮助大家在改进前端开发流程的同时,让您的日常工作更为轻松愉快。

1.CSS Reference

一份免费视效指南,助您轻松掌握流行CSS属性。

2017年:35款最佳CSS工具

2.CSSPIN

2017年:35款最佳CSS工具

其具备一组不同的交互式Pure CSS Loaders与Spinners,且建立于LESS Preprocessor基础之上。各Pure CSS Loader与Spinner可轻松进行定制,并被嵌入至开发项目中的单HTML元素当中。

3.cssnano

2017年:35款最佳CSS工具

可帮助大家轻松搞定CSS格式并引入多种优化因素,从而确保最终成果尽可能满足生产环境需求。

4.Pavilion

2017年:35款最佳CSS工具

面向前端开发者,可从零开始实现多种创造性、探索性UI组件,从而为后续功能建立坚实的实现基础。

5.CSS Protips

2017年:35款最佳CSS工具

一组提示集合,帮助大家快速成为CSS专家。

6.Picnic

2017年:35款最佳CSS工具

一套助力项目起飞的出色CSS库。

7.Micon

2017年:35款最佳CSS工具

Micon图标提取自Windows 10并基于Font Awesome进行了转换,允许大家对其尺寸、色彩、投影及其它各类因素进行定制。

8.Wing

2017年:35款最佳CSS工具

提供一套样式基础,大家无需学习大量类名称即可自动建立起统一的元素样式。

9.Brand-colors

2017年:35款最佳CSS工具

一套适用于sass、less、stylus与css的色彩集合。

10.google-type

2017年:35款最佳CSS工具

其中包含超过800种免费谷歌字体,不过进行字体配对并不轻松,且部分字体并不适用于典型网站。大家可以将其作为在当前项目中使用谷歌字体库的启发性资源。

11.Mobi

2017年:35款最佳CSS工具

一套专注于移动端的轻量化灵活css框架。

12.minireset.css

2017年:35款最佳CSS工具

一套小巧的现代CSS重置版。

13.Scrollanim

2017年:35款最佳CSS工具

一套CSS3与JavaScript库,可创建适用于各类环境的滚动动画。

14.Materialette

2017年:35款最佳CSS工具

轻松在桌面上访问谷歌Material设计调色板中的各种颜色。

15.Starability

2017年:35款最佳CSS工具

Starability评级机制完全通过HTML与CSS实现,可通过键盘使用,因此使用屏幕阅读器的用户亦可享受其便利。

16.Radiobox

2017年:35款最佳CSS工具

小型CSS3动画集合,适用于表现无线电输入内容。

17.SpinThatShit

2017年:35款最佳CSS工具

面向单一元素加载器与运行器的SCSS集合。

18.Tootik

2017年:35款最佳CSS工具

一套纯CSS/SCSS/LESS工具提示库,易于使用且无需JavaScript。

19.Family

2017年:35款最佳CSS工具

包含26种出色的Sass mixins,以简单而优雅的方式对nth-child式元素进行样式管理。

20.Sprite Spirit

2017年:35款最佳CSS工具

SCSS Mixin,具备出色的图像处理能力。

21.Flex Layout Attribute

2017年:35款最佳CSS工具

基于CSS flexbox规格的布局助手,利用两项定制化html属性——layout与self——快速实现flexbox效果。

22.tipograf

2017年:35款最佳CSS工具

轻量化印刷库。其适用于纯CSS或者LESS。受到Medium的启发,其能够实现良好的垂直排版效果。

23.Auroral

2017年:35款最佳CSS工具

一组动画型背景梯度集合,几乎适用于一切环境。

24.iconoo

2017年:35款最佳CSS工具

有了它,您将不再需要外部图标资源。

25.text-spinners

2017年:35款最佳CSS工具

纯文本、纯CSS、独立字体、内联加载指示器。

26.Cutestrap

2017年:35款最佳CSS工具

如果大家需要介于normalize.css与完整成熟框架之间的过渡性方案,那么体积仅为8kb CSS的Cutestrap绝对值得一试。

27.universal.css

2017年:35款最佳CSS工具

一旦拥有,别无所求的CSS。

28.Kickoff

2017年:35款最佳CSS工具

这是一套强大的CSS框架,提供大量合理的默认设置以帮助大家在最短时间内完成项目设计与运行。

29.Stylecow

2017年:35款最佳CSS工具

适用于所有浏览器的现代CSS。

30.SourceJS

2017年:35款最佳CSS工具

SourceJS是一套动态样式指导平台,允许用户基于任意技术将多种项目UI组件加以结合。

31.CSSTree

2017年:35款最佳CSS工具

对CSS语法有效性进行快速详尽解析。

32.Emmet

2017年:35款最佳CSS工具

利用Emmet,您能够输入可动态解析的CSS类表达式,并根据所输入的缩写生成输出结果。Emmet面向大量使用HTML/XML与CSS的Web开发工作流进行开发与优化,但也可配合其它编程语言使用。

33.Easing Functions Cheat Sheet

2017年:35款最佳CSS工具

简单的备忘单,帮助开发者选择正确功能。

34.Browserdiet

2017年:35款最佳CSS工具

终极前端性能指南。

35.Awesome search

2017年:35款最佳CSS工具

此网站能够让您更快获取各类优秀资源。

原文链接: http://bashooka.com/coding/35-best-css-tools-for-2017/

原文标题:35 Best CSS Tools For 2017

原文作者:HENRI WIJAYA

【51CTO译稿,合作站点转载请注明原文译者和出处为51CTO.com】

原文  http://cloud.51cto.com/art/201701/527906.htm
正文到此结束
Loading...