在過去的一年中,我們已經看到了Flexbox布局人氣大增、CSS動畫的微妙變化、SVG動畫的應用、Instagram風格的影響,這里我們列出了50多個今年發布的開源資源,可以幫你節省很多時間。
CSS動畫工具 & 庫
一個可以幫你創建CSS屬性和SVG屬性的JavaScript動畫庫。

一個創建WEB動畫的簡單的工具。

新奇CSS動畫庫。

創建定時CSS動畫的簡單框架。

用于創建靈活的CSS過渡和動畫的SASS庫。

使用SVG和CSS的動畫圖標、符號、按鈕。

CSS實用程序和工具
讓瀏覽器渲染元素一致,并允許您以當前最佳實踐的方式,即裝即用。

CSS狀態統計可視化工具。

自動格式化CSS源代碼的工具。

很方便的檢測你的應用使用了那些CSS選擇器的工具,并創建一個未被使用的CSS的文件。

Flexbox工具
CSS 的 flexbox屬性主要特性的互動之旅。

Flexbox常見問題及狂瀏覽器解決方案

基于 Flexbox 的穩健、快速、跨瀏覽器的布局腳手架。

允許CSS Flexbox布局的Sketch 插件

CSS工具包
重塑Instagram過濾器的微型CSS庫。

創建畫廊與輪播圖的CSS庫。


使用CSS轉換和過渡效果的響應式導航菜單。

CSS 工具包

用于創建下拉菜單和其他浮動元素的庫。

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

CSS漸變占位符圖像

表單元素大小自動調整

開源的Sketch的CSS插件

為你的網站添加旗幟的簡單庫

把Illustrator文檔轉為HTML和CSS的開源工具

CSS工具包
CSS顏色變量名與16進制對應列表。

響應的網頁框架和用戶界面工具包
Flexbox CSS 框架

CSS工具包與指南

創建靈化、簡潔網頁布局的SASS框架。

基本元素類型和不可改變的實用程序的輕量級集合。

靈活的響應式柵格布局CSS框架


用于創建復雜邏輯、響應式的輕量級前端框架。

SCSS框架和UI庫

基于SASS的響應式CSS框架

HTML, CSS, and JavaScrip 前端框架

Sass/Stylus 柵格布局框架

使用SASS的輕量級易用框架

加快開發速度的前端樣板

SCSS 或 Stylus 柵格布局

只有2KB的零依賴柵格布局

材料設計框架
HTML5 UI 框架

基于 AngularJS & Material Design 的框架

輕量級WEB框架

基于Web的CSS工具和應用程序
動態生成gradients的WEB工具

SVG圓形菜單生成器


優化和配置SVGO的WEB應用

生成簡單漂亮CSS3 gradients的工具

CSS的混合模式和過濾器生成器

使用GUI快速創建SVG path

測試 CSS media queries 的輕量級應用

把CSS代碼轉成SASS的應用

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