2016年03月27日 UI设计 浏览(43)

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

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

 CSS动画工具 & 库

  1. Animate Plus

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

2015年50+ CSS 工具、框架、库合集-图片-1

  2. Rocket

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

2015年50+ CSS 工具、框架、库合集-图片-2

  3. Tuesday

  新奇CSS动画库。

2015年50+ CSS 工具、框架、库合集-图片-3

  4. Shift.css

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

2015年50+ CSS 工具、框架、库合集-图片-4

  5. MOTION UI

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

2015年50+ CSS 工具、框架、库合集-图片-5

  6. Transformicons

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

2015年50+ CSS 工具、框架、库合集-图片-6

 CSS实用程序和工具

  7. sanitize.css

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

2015年50+ CSS 工具、框架、库合集-图片-7

  8. CSS Stats

  CSS状态统计可视化工具。

2015年50+ CSS 工具、框架、库合集-图片-8

  9. cssfmt

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

2015年50+ CSS 工具、框架、库合集-图片-9

  10. PurifyCSS

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

2015年50+ CSS 工具、框架、库合集-图片-10

 Flexbox工具

  11. Flexbox in 5 Minutes

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

2015年50+ CSS 工具、框架、库合集-图片-11

  12. Flexbugs

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

2015年50+ CSS 工具、框架、库合集-图片-12

  13. cssPlus

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

2015年50+ CSS 工具、框架、库合集-图片-13

  14. Sketch Flex Layout

  允许CSS Flexbox布局的Sketch 插件

2015年50+ CSS 工具、框架、库合集-图片-14

 CSS工具包

  15. CSSGram

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

2015年50+ CSS 工具、框架、库合集-图片-15

  16. Flickity

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

2015年50+ CSS 工具、框架、库合集-图片-16

  17. Marx

2015年50+ CSS 工具、框架、库合集-图片-17

  18. Pushy

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

2015年50+ CSS 工具、框架、库合集-图片-18

  19. Rucksack

  CSS 工具包

2015年50+ CSS 工具、框架、库合集-图片-19

  20. Drop

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

2015年50+ CSS 工具、框架、库合集-图片-20

  21. Tufte CSS

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

2015年50+ CSS 工具、框架、库合集-图片-21

  22. Gradify

  CSS渐变占位符图像

2015年50+ CSS 工具、框架、库合集-图片-22

  23. Stretchy

  表单元素大小自动调整

2015年50+ CSS 工具、框架、库合集-图片-23

  24. CSSketch

  开源的Sketch的CSS插件

2015年50+ CSS 工具、框架、库合集-图片-24

  25. SassyFlags

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

2015年50+ CSS 工具、框架、库合集-图片-25

  26. ai2html

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

2015年50+ CSS 工具、框架、库合集-图片-26

 CSS工具包

  27. Crayon.css

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

2015年50+ CSS 工具、框架、库合集-图片-27

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

  28. Juiced

  Flexbox CSS 框架

2015年50+ CSS 工具、框架、库合集-图片-28

  29. Primer

  CSS工具包与指南

2015年50+ CSS 工具、框架、库合集-图片-29

  30. Neutron

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

2015年50+ CSS 工具、框架、库合集-图片-30

  31. Basscss

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

2015年50+ CSS 工具、框架、库合集-图片-31

  32. flexible.gs

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

2015年50+ CSS 工具、框架、库合集-图片-32

  33. Rin

2015年50+ CSS 工具、框架、库合集-图片-33

  34. Wee

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

2015年50+ CSS 工具、框架、库合集-图片-34

  35. Scooter

  SCSS框架和UI库

2015年50+ CSS 工具、框架、库合集-图片-35

  36. spaceBase

  基于SASS的响应式CSS框架

2015年50+ CSS 工具、框架、库合集-图片-36

  37. Decorator

  HTML, CSS, and JavaScrip 前端框架

2015年50+ CSS 工具、框架、库合集-图片-37

  38. Rebar

  Sass/Stylus 栅格布局框架

2015年50+ CSS 工具、框架、库合集-图片-38

  39. Concise CSS

  使用SASS的轻量级易用框架

2015年50+ CSS 工具、框架、库合集-图片-39

  40. Workbench

  加快开发速度的前端样板

2015年50+ CSS 工具、框架、库合集-图片-40

  41. Lost

  SCSS 或 Stylus 栅格布局

2015年50+ CSS 工具、框架、库合集-图片-41

  42. minigrid()

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

2015年50+ CSS 工具、框架、库合集-图片-42

 材料设计框架

  43. Material

  HTML5 UI 框架

2015年50+ CSS 工具、框架、库合集-图片-43

  44. LumX

  基于 AngularJS & Material Design 的框架

2015年50+ CSS 工具、框架、库合集-图片-44

  45. MUI

  轻量级WEB框架

2015年50+ CSS 工具、框架、库合集-图片-45

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

  46. CSS Gradient Animator

  动态生成gradients的WEB工具

2015年50+ CSS 工具、框架、库合集-图片-46

  47. CIRCULUS.SVG

  SVG圆形菜单生成器

2015年50+ CSS 工具、框架、库合集-图片-47

  48. CSS Ruler

2015年50+ CSS 工具、框架、库合集-图片-48

  49. SVGOMG

  优化和配置SVGO的WEB应用

2015年50+ CSS 工具、框架、库合集-图片-49

  50. Blend

  生成简单漂亮CSS3 gradients的工具

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

  51. Filter Blend

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

2015年50+ CSS 工具、框架、库合集-图片-51

  52. SVG Path Builder App

  使用GUI快速创建SVG path

2015年50+ CSS 工具、框架、库合集-图片-52

  53. .resizr

  测试  CSS media queries 的轻量级应用

2015年50+ CSS 工具、框架、库合集-图片-53

  54. css2sass

  把CSS代码转成SASS的应用

2015年50+ CSS 工具、框架、库合集-图片-54

  via:speckyboy.com 翻译:info.9iphp.com

来源:info.9iphp.com
用户头像