Web 前端開發人員和設計師必讀文章推薦【系列二十八】

<a href="http://www.cnblogs.com/lhb25/p/a-collection-of-page-transitions.html" target="_blank">太贊了！超炫的頁面切換動畫效果【附源碼下載下傳】</a>

<a href="http://www.cnblogs.com/lhb25/p/the-design-samsung-grid-loading-effect.html" target="_blank">時尚設計！三種奇特的網格加載效果【附源碼下載下傳】</a>

<a href="http://www.cnblogs.com/lhb25/p/3d-grid-effect.html" target="_blank">3D Grid Effect – 使用 CSS3 制作網格動畫效果</a>

<a href="http://www.cnblogs.com/lhb25/p/html5-ball-pool.html" target="_blank">HTML5 模拟現實實體效果，感受 Web 技術魅力</a>

<a href="http://www.cnblogs.com/lhb25/p/html5-webgl-clouds.html" target="_blank">使用 HTML5 WebGL 實作逼真的雲朵效果</a>

<a href="http://www.cnblogs.com/lhb25/p/friendlier-html-form-controls.html" target="_blank">WTF Forms – 使用 CSS 實作使用者體驗更好的表單</a>

<a href="http://www.cnblogs.com/lhb25/p/15-time-saving-tutorials-for-web-developers.html" target="_blank">【特别推薦】Web 開發人員必備的經典 HTML5 教程</a>

<a href="http://www.cnblogs.com/lhb25/p/responsive-tables-with-complex-data.html" target="_blank">RWD Table Patterns – 響應式表格解決方案</a>

<a href="http://www.cnblogs.com/lhb25/p/20-free-html5-responsive-templates.html" target="_blank">20款高品質的 HTML5 網站模闆【免費下載下傳】</a>

<a href="http://www.cnblogs.com/lhb25/p/free-html5-responsive-templates.html" target="_blank">20款響應式的 HTML5 網頁模闆【免費下載下傳】</a>

<a href="http://www.cnblogs.com/lhb25/p/responsive-jquery-carousel-slider-plugins.html" target="_blank">12款響應式的 jQuery 旋轉木馬（傳送帶）插件</a>

<a href="http://www.cnblogs.com/lhb25/p/6-libraries-for-visualized-charts-graphs.html" target="_blank">【精心推薦】幾款實用的 JavaScript 圖形圖表庫</a>

<a href="http://www.cnblogs.com/lhb25/p/lovely-number-progress-bar.html" target="_blank">可愛！帶有數字顯示的加載進度條效果插件</a>

<a href="http://www.cnblogs.com/lhb25/p/draggabilly-makes-drag-and-drop-easy.html" target="_blank">Draggabilly – 輕松實作拖放功能（Drag &amp; Drop）</a>

<a href="http://www.cnblogs.com/lhb25/p/fast-filtering-and-sorting-large-collections.html" target="_blank">PourOver – 快速篩選和排序大的資料集合</a>

<a href="http://www.cnblogs.com/lhb25/p/quill-open-source-rich-text-editor.html" target="_blank">Quill – 可以靈活自定義的開源的富文本編輯器</a>

<a href="http://www.cnblogs.com/lhb25/p/a-pile-of-photos-scattered-on-surfac.html" target="_blank">Photopile JS – 幫助你實作精緻的照片堆疊效果</a>

<a href="http://www.cnblogs.com/lhb25/p/guide-your-users-through-demo-tour.html" target="_blank">Shepherd – 在應用程式中輕松實作引導功能</a>

<a href="http://www.cnblogs.com/lhb25/p/gulp-the-streaming-build-system.html" target="_blank">Gulp.js - 簡單、直覺的自動化項目建構工具</a>

<a href="http://www.cnblogs.com/lhb25/p/less-middleware-using-less-with-node-js.html" target="_blank">LESS-Middleware：Node.js 和 LESS 的完美搭配</a>

<a href="http://www.cnblogs.com/lhb25/p/javascript-masonry-plugin.html" target="_blank">Masonry – 實作 Pinterest 模式的網格砌體布局</a>

<a href="http://www.cnblogs.com/lhb25/p/autocompletion-library-for-web-applications.html" target="_blank">At.js – 用于 Web 應用程式的自動完成庫</a>

<a href="http://www.cnblogs.com/lhb25/p/velocity-animation-outperforms-jquery.html" target="_blank">Velocity – 另外一款加速的 jQuery 動畫插件</a>

<a href="http://www.cnblogs.com/lhb25/p/tiny-but-perfect-jquery-scrollbar-plugin.html" target="_blank">Perfect Scrollbar – 完美的 jQuery 滾動條插件</a>

<a href="http://www.cnblogs.com/lhb25/p/logging-debug-messages-with-debug-js.html" target="_blank">Debug - 支援浏覽器和 Node 平台的全端調試工具</a>

<a href="http://www.cnblogs.com/lhb25/p/store-js-for-localstorage.html" target="_blank">store.js - 輕松實作本地存儲（LocalStorage）</a>

<a href="http://www.cnblogs.com/lhb25/p/renders-3d-scenes-into-svg-or-html5-canvas.html" target="_blank">Seen.js – 使用 SVG 或者 Canvas 渲染 3D 場景</a>

<a href="http://www.cnblogs.com/lhb25/p/powerful-tree-editor-with-drag-and-drop.html" target="_blank">Treed – 基于拖放操作的，強大的樹形編輯器</a>

<a href="http://www.cnblogs.com/lhb25/p/15-best-bootstrap-tools-for-designers.html" target="_blank">推薦15款最好的 Twitter Bootstrap 開發工具</a>

<a href="http://www.cnblogs.com/lhb25/p/tasty-restaurant-and-food-websites-to-inspire-you.html" target="_blank">舌尖上的設計！10個美味的餐館和食品網站</a>

<a href="http://www.cnblogs.com/lhb25/p/web-designs-based-on-a-desk-top-view.html" target="_blank">另類設計：12個基于桌面視圖的網頁設計作品</a>

<a href="http://www.cnblogs.com/lhb25/p/best-fashion-wordpress-themes-two.html" target="_blank">20款時尚的 WordPress 簡潔主題【免費下載下傳】</a>

<a href="http://www.cnblogs.com/lhb25/p/best-fashion-wordpress-themes-one.html" target="_blank">20款時尚的 WordPress 企業模闆【免費下載下傳】</a>

<a href="http://www.cnblogs.com/lhb25/p/tiff-a-visual-typeface-diff-tool.html" target="_blank">Tiff – 值得你體驗一下的可視化的字型對比工具</a>

<a href="http://www.cnblogs.com/lhb25/p/turns-mockups-into-prototypes.html" target="_blank">Framer – 将視覺搞轉換為更真實的動态原型</a>

<a href="http://www.cnblogs.com/lhb25/p/25-principles-of-mobile-site-design.html" target="_blank">25條來自 Google 的移動網站設計準則</a>

<a href="http://www.cnblogs.com/lhb25/p/jeet-smart-css-grid-system-for-humans.html" target="_blank">Jeet – 先進，直覺，靈活的 CSS 網格系統</a>

<a href="http://www.cnblogs.com/lhb25/p/350-fun-vector-icons-free-for-download.html" target="_blank">Captain Icon – 350+ 有趣的矢量圖示免費下載下傳</a>

<a href="http://www.cnblogs.com/lhb25/p/deliciously-simple-reponsive-framework.html" target="_blank">Crumpet – 使用很簡單的響應式前端開發架構</a>

<a href="http://www.cnblogs.com/lhb25/p/30-perfectly-timed-photos-of-happy-animals.html" target="_blank">你見過動物是怎麼笑的嗎？趕緊來看看【組圖】</a>

<a href="http://www.cnblogs.com/lhb25/p/extensible-ios-and-os-x-animation-library.html" target="_blank">Pop - Facebook 開源 iOS &amp; OS X 動畫庫</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/06/20/must-read-links-for-web-designers-and-developers-volume-1.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列一】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/07/13/must-read-links-for-web-designers-and-developers-volume-2.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列二】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/08/31/must-read-links-for-web-designers-and-developers-volume-3.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列三】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/09/19/must-read-links-for-web-designers-and-developers-volume-4.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列四】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/11/11/must-read-links-for-web-designers-and-developers-volume-5.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列五】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/11/11/must-read-links-for-web-designers-and-developers-volume-6.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列六】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/11/11/must-read-links-for-web-designers-and-developers-volume-7.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列七】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/11/11/must-read-links-for-web-designers-and-developers-volume-8.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列八】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/06/19/must-read-links-for-web-designers-and-developers-volume-9.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列九】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/06/19/must-read-links-for-web-designers-and-developers-volume-10.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列十】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/11/06/must-read-links-for-web-designers-and-developers-volume-11.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列十一】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/11/06/must-read-links-for-web-designers-and-developers-volume-12.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列十二】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2013/02/25/must-read-links-for-web-designers-and-developers-volume-13.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列十三】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2013/03/25/must-read-links-for-web-designers-and-developers-volume-14.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列十四】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2013/04/23/must-read-links-for-web-designers-and-developers-volume-15.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列十五】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2013/05/22/must-read-links-for-web-designers-and-developers-volume-16.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列十六】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2013/05/22/must-read-links-for-web-designers-and-developers-volume-17.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列十七】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-18.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列十八】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-19.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列十九】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-20.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列二十】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-21.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列二十一】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-22.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列二十二】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-23.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列二十三】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-24.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列二十四】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-25.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列二十五】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-26.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列二十六】</a>

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-27.html" target="_blank">Web 前端開發人員和設計師必讀文章推薦【系列二十七】</a>

歡迎任何形式的轉載，但請務必注明出處。