2015年50+ CSS 工具、框架、库合集

开发 前端 开发工具
在过去的一年中,我们已经看到了Flexbox布局人气大增、CSS动画的微妙变化、SVG动画的应用、Instagram风格的影响,这里我们列出了50多个今年发布的开源资源,可以帮你节省很多时间。

CSS动画工具 & 库

1. Animate Plus

一个可以帮你创建CSS属性和SVG属性的JavaScript动画库。

[[159106]]

2. Rocket

一个创建WEB动画的简单的工具。

201512-css-tools-2

3. Tuesday

新奇CSS动画库。

201512-css-tools-3

4. Shift.css

创建定时CSS动画的简单框架。

201512-css-tools-4

5. MOTION UI

用于创建灵活的CSS过渡和动画的SASS库。

201512-css-tools-5

6. Transformicons

使用SVG和CSS的动画图标、符号、按钮。

201512-css-tools-6

CSS实用程序和工具

7. sanitize.css

让浏览器渲染元素一致,并允许您以当前最佳实践的方式,即装即用。

201512-css-tools-7

8. CSS Stats

CSS状态统计可视化工具。

201512-css-tools-8

9. cssfmt

自动格式化CSS源代码的工具。

201512-css-tools-9

10. PurifyCSS

很方便的检测你的应用使用了那些CSS选择器的工具,并创建一个未被使用的CSS的文件。

201512-css-tools-10

#p#

Flexbox工具

11. Flexbox in 5 Minutes

CSS 的 flexbox属性主要特性的互动之旅。

201512-css-tools-11

12. Flexbugs

Flexbox常见问题及狂浏览器解决方案

201512-css-tools-12

13. cssPlus

基于 Flexbox 的稳健、快速、跨浏览器的布局脚手架。

201512-css-tools-13

14. Sketch Flex Layout

允许CSS Flexbox布局的Sketch 插件

201512-css-tools-14

CSS工具包

15. CSSGram

重塑Instagram过滤器的微型CSS库。

201512-css-tools-15

16. Flickity

创建画廊与轮播图的CSS库。

201512-css-tools-16

17. Marx

201512-css-tools-17

18. Pushy

使用CSS转换和过渡效果的响应式导航菜单。

201512-css-tools-18

19. Rucksack

CSS 工具包

201512-css-tools-19

20. Drop

用于创建下拉菜单和其他浮动元素的库。

201512-css-tools-20

#p#

21. Tufte CSS

使用Edward Tufte的理念展示文章的工具

201512-css-tools-21

22. Gradify

CSS渐变占位符图像

201512-css-tools-22

23. Stretchy

表单元素大小自动调整

201512-css-tools-23

24. CSSketch

开源的Sketch的CSS插件

201512-css-tools-24

25. SassyFlags

为你的网站添加旗帜的简单库

201512-css-tools-25

26. ai2html

把Illustrator文档转为HTML和CSS的开源工具

201512-css-tools-26

#p#

CSS工具包

27. Crayon.css

CSS颜色变量名与16进制对应列表。

201512-css-tools-27

响应的网页框架和用户界面工具包

28. Juiced

Flexbox CSS 框架

201512-css-tools-28

29. Primer

CSS工具包与指南

201512-css-tools-29

30. Neutron

创建灵化、简洁网页布局的SASS框架。

201512-css-tools-30

#p#

31. Basscss

基本元素类型和不可改变的实用程序的轻量级集合。

201512-css-tools-31

32. flexible.gs

灵活的响应式栅格布局CSS框架

201512-css-tools-32

33. Rin

201512-css-tools-33

34. Wee

用于创建复杂逻辑、响应式的轻量级前端框架。

201512-css-tools-34

35. Scooter

SCSS框架和UI库

201512-css-tools-35

36. spaceBase

基于SASS的响应式CSS框架

201512-css-tools-36

37. Decorator

HTML, CSS, and JavaScrip 前端框架

201512-css-tools-37

38. Rebar

Sass/Stylus 栅格布局框架

201512-css-tools-38

39. Concise CSS

使用SASS的轻量级易用框架

201512-css-tools-39

40. Workbench

加快开发速度的前端样板

201512-css-tools-40

#p#

41. Lost

SCSS 或 Stylus 栅格布局

201512-css-tools-41

42. minigrid()

只有2KB的零依赖栅格布局

[[159116]]

材料设计框架

43. Material

HTML5 UI 框架

201512-css-tools-43

44. LumX

基于 AngularJS & Material Design 的框架

201512-css-tools-44

45. MUI

轻量级WEB框架

201512-css-tools-45

基于Web的CSS工具和应用程序

46. CSS Gradient Animator

动态生成gradients的WEB工具

201512-css-tools-46

47. CIRCULUS.SVG

SVG圆形菜单生成器

201512-css-tools-47

48. CSS Ruler

201512-css-tools-48

49. SVGOMG

优化和配置SVGO的WEB应用

201512-css-tools-49

50. Blend

生成简单漂亮CSS3 gradients的工具

201512-css-tools-50

51. Filter Blend

CSS的混合模式和过滤器生成器

201512-css-tools-51

52. SVG Path Builder App

使用GUI快速创建SVG path

201512-css-tools-52

53. .resizr

测试  CSS media queries 的轻量级应用

201512-css-tools-53

54. css2sass

把CSS代码转成SASS的应用

201512-css-tools-54

 【编辑推荐】

 

责任编辑:王雪燕 来源: Coder资源网
相关推荐

2014-08-15 09:42:36

2019-01-08 09:05:38

2018-05-07 10:28:47

机器学习图像识别API

2023-04-17 22:33:06

xijsJS

2023-04-25 07:55:51

2015-04-15 11:06:03

PHP调查统计最好的PHP框架

2015-05-25 11:04:25

超实用开发框架

2017-07-18 18:06:00

JavaScript框架类库

2016-01-07 14:15:01

IDC评述网

2022-06-15 13:40:38

端口扫描工具开源工具

2016-01-14 10:05:36

开源前端框架TOP20

2020-11-27 15:00:22

Kubernetes程序工具

2017-01-13 16:32:40

开发

2018-07-02 14:36:40

移动机器人

2021-03-26 09:36:45

CSS框架前端

2011-05-31 10:28:03

ARM

2015-10-28 14:51:42

最佳设计工具汇总

2015-03-18 13:23:23

2013-11-13 10:49:50

2021-04-27 06:45:23

Web安全工具
点赞
收藏

51CTO技术栈公众号