《Web 前端開發精華文章推薦》自2011年6月20號發布第一期以來，歷經五年半，總共發布了30多期。今天這篇是2017年第2期（總第36期），希望你能在這里發現有用的資料。

　　夢想天空專注前端開發技術，分享提升網站用戶體驗的優秀?jQuery?插件，展示前沿的?HTML5?和?CSS3?技術應用，共享精美的設計素材和優秀的 Web 開發工具，希望這些精心整理的前端技術文章能夠幫助到您。

HTML5 & CSS3

• Wee – 為現代 Web 開發打造的 CSS 腳手架
• Page Scroll Effects - 簡單的頁面滾動效果
• Gradify - 提取圖片顏色，創建響應式的 CSS漸變
• 太可愛了！CSS3 & SVG 制作的米老鼠鐘表
• 類似 Dribbble 下載按鈕的 SVG 彈性動畫進度條
• 學習使用 SVG 創建材料設計漣漪（Ripple）效果
• 輕量的、可自定義 CSS 的 Lightbox 相冊插件
• Codrops 實驗：使用 Vibrant.js 提取圖像顏色
• Cool！15個超炫的 CSS3 文本特效【上篇】
• Cool！15個創意的 CSS3 文本效果【下篇】

JS 框架和工具

• Popmotion – 靈活的 JavaScript 運動引擎
• 15款加速 Web 開發的 JavaScript 框架
• Dynamics.js - 創建逼真的物理動畫的 JS 庫
• 24個很贊的 Node.js 免費教程和在線指南
• 20個免費的 AngularJS 資源和開發教程
• CamanJS – 提供各種圖片處理的 JavaScript 庫
• 分享20款移動開發中很有用的 jQuery 插件
• Clipboard.js – 現代方式實現復制文本到剪貼板
• ESLint – 可擴展的 JavaScript & JSX 校驗工具
• DrawSVG - SVG 路徑動畫 jQuery 插件

網站素材

• 免費素材：包含 250 組件的 DO UI Kit
• 在你設計中可能用到的20個雜志 PSD 原型
• 設計師們會喜歡的15套情人節素材
• 20款華麗的幾何形狀字體【免費下載】
• 提升用戶體驗！29個使用動畫效果的網站布局
• 25個你會喜歡的創新的水平滾動網站設計欣賞

實用工具

• 分享最新15個加速 Web 開發的框架和工具
• 推薦15款最佳的響應式 Web 設計測試工具
• Tabio – 輕松，高效的管理 Chrome 標簽頁
• Sitecake – 可視化編輯，所見即所得的 CMS
• ContentTools – 所見即所得（WYSIWYG）編輯器
• 像素地圖生成工具幫助你快速生成精美地圖
• Unsplash.it - 實用的圖片占位符，支持個性化設置

同系列文章

• Web 前端開發人員和設計師必讀文章推薦【系列一】
• Web 前端開發人員和設計師必讀文章推薦【系列二】
• Web 前端開發人員和設計師必讀文章推薦【系列三】
• Web 前端開發人員和設計師必讀文章推薦【系列四】
• Web 前端開發人員和設計師必讀文章推薦【系列五】
• Web 前端開發人員和設計師必讀文章推薦【系列六】
• Web 前端開發人員和設計師必讀文章推薦【系列七】
• Web 前端開發人員和設計師必讀文章推薦【系列八】
• Web 前端開發人員和設計師必讀文章推薦【系列九】
• Web 前端開發人員和設計師必讀文章推薦【系列十】
• Web 前端開發人員和設計師必讀文章推薦【系列十一】
• Web 前端開發人員和設計師必讀文章推薦【系列十二】
• Web 前端開發人員和設計師必讀文章推薦【系列十三】
• Web 前端開發人員和設計師必讀文章推薦【系列十四】
• Web 前端開發人員和設計師必讀文章推薦【系列十五】
• Web 前端開發人員和設計師必讀文章推薦【系列十六】
• Web 前端開發人員和設計師必讀文章推薦【系列十七】
• Web 前端開發人員和設計師必讀文章推薦【系列十八】
• Web 前端開發人員和設計師必讀文章推薦【系列十九】
• Web 前端開發人員和設計師必讀文章推薦【系列二十】
• Web 前端開發人員和設計師必讀文章推薦【系列二十一】
• Web 前端開發人員和設計師必讀文章推薦【系列二十二】
• Web 前端開發人員和設計師必讀文章推薦【系列二十三】
• Web 前端開發人員和設計師必讀文章推薦【系列二十四】
• Web 前端開發人員和設計師必讀文章推薦【系列二十五】
• Web 前端開發人員和設計師必讀文章推薦【系列二十六】
• Web 前端開發人員和設計師必讀文章推薦【系列二十七】
• Web 前端開發人員和設計師必讀文章推薦【系列二十八】
• Web 前端開發人員和設計師必讀文章推薦【系列二十九】
• Web 前端開發人員和設計師必讀文章推薦【系列三十】
• Web 前端開發人員和設計師必讀文章推薦【系列三十一】
• Web 前端開發人員和設計師必讀文章推薦【系列三十二】
• Web 前端開發人員和設計師必讀文章推薦【系列三十三】
• Web 前端開發人員和設計師必讀文章推薦【系列三十四】
• Web 前端開發人員和設計師必讀文章推薦【系列三十五】

?

本文鏈接：前端工程師和設計師必讀文章推薦【系列三十四】

文章來源：夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源

本文出處【http://www.cnblogs.com/lhb25/】

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的前端工程师和设计师必读文章推荐【系列三十六】的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。