首頁»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群:WEB開發者官方群(515171538),驗證消息:10000
微信群:加小編微信 849023636 邀請您加入,驗證消息:10000
提示:更多精彩內容關注微信公眾號:全棧開發者中心(fsder-com)
CSS
網友評論(共1條評論) 正在載入評論......
理智評論文明上網,拒絕惡意謾罵 發表評論 / 共1條評論
登錄會員中心
分分中彩票app 内江市| 山阳县| 岑溪市| 肇源县| 黄龙县| 铜山县| 麻江县| 辽宁省| 海兴县| 大渡口区| 和政县| 泾阳县| 建水县| 雅江县| 新乐市| 嵩明县| 大化| 藁城市| 巨鹿县| 阿拉尔市| 马边| 五华县| 兴义市| 安多县| 玉溪市| 明溪县| 新邵县| 红安县| 惠水县| 汶川县| 会理县| 合作市| 本溪| 浠水县| 根河市| 渭源县| 谷城县| 弋阳县|