首页»HTML/CSS»2015年50+ CSS 工具、框架、库合集

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

来源:info.9iphp.com 发布时间:2015-12-12 阅读次数:

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

 CSS动画工具 & 库

  1. Animate Plus

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

201512-css-tools-1

  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

 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

  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

 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

  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

  41. Lost

  SCSS 或 Stylus 栅格布局

201512-css-tools-41

  42. minigrid()

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

201512-css-tools-42

 材料设计框架

  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

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

QQ群:凯发娱乐官网官方群(515171538),验证消息:10000
微信群:加小编微信 849023636 邀请您加入,验证消息:10000
提示:更多精彩内容关注微信公众号:全栈开发者中心(fsder-com)
CSS
m88 188bet uedbet 威廉希尔 明升 bwin 明升88 bodog bwin 明升m88.com 18luck 188bet unibet unibet Ladbrokes Ladbrokes casino m88明升 明升 明升 m88.com 188bet m88 明陞 uedbet赫塔菲官网 365bet官网 m88 help
188bet www.188bet.com bwin 平博 unibet 明升 188bet uk Ladbrokes 德赢vwin 188bet m88.com w88 平博88 uedbet体育 188bet 188bet 威廉希尔 明升体育app 平博88 M88 Games vwin德赢 uedbet官网 bodog fun88 188bet
网友评论(共1条评论) 正在载入评论......
理智评论文明上网,拒绝恶意谩骂 发表评论 / 共1条评论
登录会员中心