首頁»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條評論
                    登錄會員中心
                    福彩试机号今天