Web 開發精華文章集錦（jQuery、HTML5、CSS3）【系列二十七】

<a href="http://www.cnblogs.com/lhb25/p/transitions-for-off-canvas-navigations.html" target="_blank">創意無限！一組網頁邊欄過渡動畫【附源碼下載下傳】</a>

<a href="http://www.cnblogs.com/lhb25/p/9-amazing-checkbox-effect.html" target="_blank">你見過嗎？9款超炫的複選框（Checkbox）效果</a>

<a href="http://www.cnblogs.com/lhb25/p/7-pattern-libraries-improve-your-web-skills.html" target="_blank">有助于提高你的 Web 開發技能的7個模式庫</a>

<a href="http://www.cnblogs.com/lhb25/p/page-loading-effects.html" target="_blank">真是好東西！一組動感的頁面加載動畫效果</a>

<a href="http://www.cnblogs.com/lhb25/p/special-effects-with-magic-css3-animations.html" target="_blank">Magic CSS3 – 建立各種神奇的互動動畫效果</a>

<a href="http://www.cnblogs.com/lhb25/p/grid-tools-for-responsive-web-designs-one.html" target="_blank">15款幫助我們建立響應式布局的優秀前端架構</a>

<a href="http://www.cnblogs.com/lhb25/p/learn-flexbox-with-interactive-tour.html" target="_blank">互動教程，讓你5分鐘掌握 Flexbox 布局模式</a>

<a href="http://www.cnblogs.com/lhb25/p/item-transitions-with-css-animations.html" target="_blank">優秀教程：CSS3 動畫實作的超炫的過渡特效</a>

<a href="http://www.cnblogs.com/lhb25/p/html5-css3-responsive-site-templates.html" target="_blank">12款界面精美的 HTML5 &amp; CSS3 網站模闆</a>

<a href="http://www.cnblogs.com/lhb25/p/method-draw-web-based-editor.html" target="_blank">Method Draw – 很好用的 SVG 線上編輯器</a>

<a href="http://www.cnblogs.com/lhb25/p/css-vocabulary.html" target="_blank">CSS Vocabulary – CSS 詞彙表，你都掌握了嗎？</a>

<a href="http://www.cnblogs.com/lhb25/p/online-advanced-css3-code-generator.html" target="_blank">EnjoyCSS – 線上的，先進的 CSS3 代碼生成器</a>

<a href="http://www.cnblogs.com/lhb25/p/framework7-for-building-ios7-apps.html" target="_blank">Framework7 – 功能齊全的 iOS7 App 前端架構</a>

<a href="http://www.cnblogs.com/lhb25/p/cutjs-2d-html5-rendering-engine-for-games.html" target="_blank">CutJS – 用于 HTML5 遊戲開發的 2D 渲染引擎</a>

<a href="http://www.cnblogs.com/lhb25/p/skeljs-responsive-front-end-framework.html" target="_blank">Skeljs – 用于建構響應式網站的前端開發架構</a>

<a href="http://www.cnblogs.com/lhb25/p/best-free-website-speed-testing-tools.html" target="_blank">【特别推薦】12款最佳的網站速度和性能測試工具</a>

<a href="http://www.cnblogs.com/lhb25/p/parallax-scrolling-tutorials.html" target="_blank">提升網站水準：12個最好的視差滾動教程</a>

<a href="http://www.cnblogs.com/lhb25/p/track-errors-google-analytics.html" target="_blank">使用 Google Analytics 跟蹤 JavaScript 錯誤</a>

<a href="http://www.cnblogs.com/lhb25/p/drag-and-drop-jquery-file-uploader.html" target="_blank">贊！帶進度條的 jQuery 檔案拖放上傳插件</a>

<a href="http://www.cnblogs.com/lhb25/p/javascript-oo-com.html" target="_blank">JavaScriptOO.com – 快速找到你需要的 JS 架構</a>

<a href="http://www.cnblogs.com/lhb25/p/responsive-fixed-one-page-navigation.html" target="_blank">Fixed Responsive Nav – 單頁網站導航插件</a>

<a href="http://www.cnblogs.com/lhb25/p/build-multi-state-prototypes-with-permit.html" target="_blank">Permit.js – 用于建構多狀态原型的 jQuery 插件</a>

<a href="http://www.cnblogs.com/lhb25/p/write-javascript-promises.html" target="_blank">使用 Promises 編寫更優雅的 JavaScript 代碼</a>

<a href="http://www.cnblogs.com/lhb25/p/javascript-component-creating-gantts.html" target="_blank">Twproject Gantt – 開源的 JavaScript 甘特圖元件</a>

<a href="http://www.cnblogs.com/lhb25/p/dynamic-browser-based-visualization-library.html" target="_blank">Vis.js – 基于浏覽器的動态 JavaScript 可視化庫</a>

<a href="http://www.cnblogs.com/lhb25/p/loading-scripts-jquery.html" target="_blank">實用技巧：使用 jQuery 異步加載 JavaScript 腳本</a>

<a href="http://www.cnblogs.com/lhb25/p/winjs-for-web-developers.html" target="_blank">Winjs – 微軟開源技術釋出的 JavaScript 元件集</a>

<a href="http://www.cnblogs.com/lhb25/p/20-javascript-libraries-to-handle.html" target="_blank">分享20個優秀的 JavaScript 鍵盤事件處理庫</a>

<a href="http://www.cnblogs.com/lhb25/p/the-last-carousel-you-need.html" target="_blank">Slick – 這是你需要的最後一款 jQuery 傳送帶插件</a>

<a href="http://www.cnblogs.com/lhb25/p/copy-text-to-clipboard-using-zeroclipboard.html" target="_blank">ZeroClipboard – 輕松實作複制文本到剪貼闆功能</a>

<a href="http://www.cnblogs.com/lhb25/p/embeddable-javascript-markdown-editor.html" target="_blank">EpicEditor – 可嵌入的 JavaScript Markdown 編輯器</a>

<a href="http://www.cnblogs.com/lhb25/p/new-award-winning-websites-design.html" target="_blank">酷站設計：2014年3月份獲獎網站作品欣賞</a>

<a href="http://www.cnblogs.com/lhb25/p/examples-of-dark-colors-in-web-design.html" target="_blank">色彩運用：10個最新的黑色風格網站作品</a>

<a href="http://www.cnblogs.com/lhb25/p/flat-website-design-examples-b.html" target="_blank">酷站設計！15個扁平風格網站作品欣賞</a>

<a href="http://www.cnblogs.com/lhb25/p/flat-website-design-examples-a.html" target="_blank">視覺沖擊！12個精美絕倫的扁平化網站設計</a>

<a href="http://www.cnblogs.com/lhb25/p/15-css3-websites-design.html" target="_blank">12個學習 CSS3 網站布局設計的優秀案例</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/10/23/20-fresh-single-pages-website-designs.html" target="_blank">經典網頁設計：20個精美的國外單頁網站作品</a>

<a href="http://www.cnblogs.com/lhb25/p/10-websites-to-expand-your-business.html" target="_blank">經典網頁設計：10個優秀的國外企業網站設計案例</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/10/25/blurred-backgrounds-in-web-design.html" target="_blank">網頁設計趨勢：模糊背景在網站中的經典應用案例</a>

<a href="http://www.cnblogs.com/lhb25/archive/2013/02/18/one-page-websites-with-animations.html" target="_blank">經典網頁設計：超炫的動畫效果單頁網站設計</a>

<a href="http://www.cnblogs.com/lhb25/p/35-new-ui-design-psd-files-for-designers.html" target="_blank">免費 PSD 素材：25個全新的界面設計資源</a>

<a href="http://www.cnblogs.com/lhb25/p/sign-in-login-app-ui-designs-b.html" target="_blank">優秀示例：一組創意的手機注冊和登入界面設計</a>

<a href="http://www.cnblogs.com/lhb25/p/flat-ui-kit-for-bootstrap-css-framework.html" target="_blank">Bootflat – 基于 Bootstrap CSS 架構的扁平化界面</a>

<a href="http://www.cnblogs.com/lhb25/p/20-extremely-wordpress-based-websites.html" target="_blank">20個基于 WordPress 搭建的精美網站</a>

<a href="http://www.cnblogs.com/lhb25/p/sign-in-login-app-ui-designs-a.html" target="_blank">應用程式模闆：16個創意的手機登入界面設計</a>

<a href="http://www.cnblogs.com/lhb25/p/15-free-flat-ui-kits.html" target="_blank">15套流行的扁平化設計的界面素材【免費下載下傳】</a>

<a href="http://www.cnblogs.com/lhb25/p/20-places-you-should-have-a-look.html" target="_blank">夢想的地方！地球上最值得去的20個地方【組圖】</a>

<a href="http://www.cnblogs.com/lhb25/p/html5-sound-slice-canvas.html" target="_blank">Soundslice – 美妙樂譜！Web 技術高大上的應用</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>

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