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

<a href="http://www.cnblogs.com/lhb25/p/amazing-html5-css3-effect.html" target="_blank">讓你心動的 HTML5 &amp; CSS3 效果【附源碼下載下傳】</a>

<a href="http://www.cnblogs.com/lhb25/p/create-simpsons-characters-pure-css.html" target="_blank">碉堡了！ 純 CSS 繪制《辛普森一家》人物頭像</a>

<a href="http://www.cnblogs.com/lhb25/p/css3-animation-buttons.html" target="_blank">美妙的 CSS3 動畫！一組夢幻般的按鈕效果</a>

<a href="http://www.cnblogs.com/lhb25/p/really-cool-icons-filling-effect.html" target="_blank">新奇！讓簡單的頁面瞬間變酷的圖示填充效果</a>

<a href="http://www.cnblogs.com/lhb25/p/html5-canvas-js-cloth.html" target="_blank">HTML5 Canvas 高仿逼真 3D 布料圖案效果</a>

<a href="http://www.cnblogs.com/lhb25/p/css3-walking-man.html" target="_blank">結合 CSS3 &amp; Canvas 模拟人行走的效果</a>

<a href="http://www.cnblogs.com/lhb25/p/page-preloading-effect.html" target="_blank">使用 SVG 實作一個漂亮的頁面預加載效果</a>

<a href="http://www.cnblogs.com/lhb25/p/html5-canvas-tearable-cloth.html" target="_blank">經典！HTML5 Canvas 模拟可撕裂布料效果</a>

<a href="http://www.cnblogs.com/lhb25/p/css3-shiny-buttons.html" target="_blank">使用 CSS3 打造一組質感細膩絲滑的按鈕</a>

<a href="http://www.cnblogs.com/lhb25/p/html5-and-css3-loading-effect.html" target="_blank">簡直要逆天！超炫的 HTML5 粒子效果進度條</a>

<a href="http://www.cnblogs.com/lhb25/p/10-useful-html5-css3-effect.html" target="_blank">8個前沿的 HTML5 &amp; CSS3 效果【附源碼下載下傳】</a>

<a href="http://www.cnblogs.com/lhb25/p/slidejs-a-responsive-jquery-slider.html" target="_blank">SlidesJS - 老牌的響應式 jQuery 幻燈片插件</a>

<a href="http://www.cnblogs.com/lhb25/p/jquery-nivo-slider-image-plugin.html" target="_blank">Nivo Slider - 世界上最棒的 jQuery 圖檔輪播插件</a>

<a href="http://www.cnblogs.com/lhb25/p/flexible-jquery-plugin-style-select.html" target="_blank">Select-or-Die：靈活的 jQuery 下拉清單插件</a>

<a href="http://www.cnblogs.com/lhb25/p/elegant-font-icon-picker-jquery-plugin.html" target="_blank">fontIconPicker – 優雅的 jQuery 字型圖示選擇</a>

<a href="http://www.cnblogs.com/lhb25/p/css3-shine-time-effect.html" target="_blank">ShineTime - 帶有 CSS3 閃亮特效的縮略圖相冊</a>

<a href="http://www.cnblogs.com/lhb25/p/modal-windows-tooltips-notices.html" target="_blank">JBox - 模态視窗，工具提示和消息 jQuery 插件</a>

<a href="http://www.cnblogs.com/lhb25/p/colorful-clock-jquery-css.html" target="_blank">使用 CSS &amp; jQuery 制作一款漂亮的多彩時鐘</a>

<a href="http://www.cnblogs.com/lhb25/p/html-table-export-jquery-plugin.html" target="_blank">支援10種格式的 HTML 表格導出 jQuery 插件</a>

<a href="http://www.cnblogs.com/lhb25/p/flexible-jquery-plugin-sorting-pagination.html" target="_blank">jPList – 實作靈活排序和分頁功能的 jQuery 插件</a>

<a href="http://www.cnblogs.com/lhb25/p/pure-javascript-input-masker.html" target="_blank">Vanilla Masker – 功能強大的輸入過濾插件</a>

<a href="http://www.cnblogs.com/lhb25/p/modular-framework-javascript-apps.html" target="_blank">Ampersand.js - 子產品化的 JS 應用程式開發架構</a>

<a href="http://www.cnblogs.com/lhb25/p/javascript-powerful-csv-parser.html" target="_blank">Papa Parse – 超強大的多線程 CSV 文本解析庫</a>

<a href="http://www.cnblogs.com/lhb25/p/heatmap-js-dynamic-heatmaps-web.html" target="_blank">Heatmap.js v2.0 – 最強大的 Web 動态熱圖</a>

<a href="http://www.cnblogs.com/lhb25/p/lightweight-customisable-wysiwyg-editor.html" target="_blank">Trumbowyg - 輕量的 WYSIWYG 編輯器</a>

<a href="http://www.cnblogs.com/lhb25/p/serve-responsive-retina-images-dense-js.html" target="_blank">Dense.js - 響應式的視網膜（Rtina）圖像支援</a>

<a href="http://www.cnblogs.com/lhb25/p/csv-js-csv-parsing-encoding-javascript.html" target="_blank">CSV.js – 用于 CSV 解析和編碼的 JS 工具庫</a>

<a href="http://www.cnblogs.com/lhb25/p/offline-experience-using-asynchronous-storage.html" target="_blank">使用異步存儲提升 Web 應用程式的離線體驗</a>

<a href="http://www.cnblogs.com/lhb25/p/html5-flah-web-file-uploader.html" target="_blank">Web Uploader - 功能齊全，相容 IE 的上傳元件</a>

<a href="http://www.cnblogs.com/lhb25/p/modular-hackable-browser-javascript.html" target="_blank">Breach - HTML5 時代，基于 JS 編寫的浏覽器</a>

<a href="http://www.cnblogs.com/lhb25/p/create-smart-fixed-navigation-javascript.html" target="_blank">使用 JavaScript 實作靈活的固定導航功能</a>

<a href="http://www.cnblogs.com/lhb25/p/js-plugin-viewing-images-full-scree.html" target="_blank">Intense Images – 全屏浏覽圖像的 JS 插件</a>

<a href="http://www.cnblogs.com/lhb25/p/reate-interactive-stories-journalists.html" target="_blank">Odyssey.js – 建立互動的，有吸引力的故事</a>

<a href="http://www.cnblogs.com/lhb25/p/25-beautiful-clean-web-designs.html" target="_blank">簡單高效！25個漂亮的簡約風格網站設計作品</a>

<a href="http://www.cnblogs.com/lhb25/p/15-html5-and-css3-websites-design.html" target="_blank">15個前衛的 HTML5 &amp; CSS3 網頁設計作品</a>

<a href="http://www.cnblogs.com/lhb25/p/20-websites-with-workspaces-in-background.html" target="_blank">20個令人稱贊的以辦公環境為背景的網站作品</a>

<a href="http://www.cnblogs.com/lhb25/p/25-innovative-dashboard-designs.html" target="_blank">25個創新的儀表闆（管理面闆）設計示例</a>

<a href="http://www.cnblogs.com/lhb25/p/new-responsive-websites-design.html" target="_blank">學習響應式設計的15個優秀網頁作品</a>

<a href="http://www.cnblogs.com/lhb25/p/20-must-see-mobile-app-designs.html" target="_blank">20款優秀的國外 Mobile App 界面設計案例</a>

<a href="http://www.cnblogs.com/lhb25/p/how-to-build-responsive-websites-design.html" target="_blank">如何制作響應式網站？12個優秀案例參考</a>

<a href="http://www.cnblogs.com/lhb25/p/html5-and-css3-websites-design.html" target="_blank">12個新潮的 HTML5 &amp; CSS3 網站設計欣賞</a>

<a href="http://www.cnblogs.com/lhb25/p/30-tasty-food-mobile-app-designs-for-foodies-b.html" target="_blank">垂涎欲滴！30個美味的食品類移動應用程式</a>

<a href="http://www.cnblogs.com/lhb25/p/20-free-psd-files-for-gui-designing.html" target="_blank">20個精美的免費 PSD 界面設計素材【免費下載下傳】</a>

<a href="http://www.cnblogs.com/lhb25/p/404-error-page-free-download.html" target="_blank">網站制作素材：創意的404錯誤頁面下載下傳</a>

<a href="http://www.cnblogs.com/lhb25/p/best-websites-download-free-psd-file.html" target="_blank">設計師必備！免費下載下傳 PSD 素材的32個網站</a>

<a href="http://www.cnblogs.com/lhb25/p/googles-design-guidelines-resources.html" target="_blank">【幹貨分享】Google 的設計準則，素材和資源</a>

<a href="http://www.cnblogs.com/lhb25/p/html5-ui-frameworks-for-phonegap.html" target="_blank">Onsen UI – 新鮮出爐的 PhoneGap 界面架構</a>

<a href="http://www.cnblogs.com/lhb25/p/free-download-modern-user-interface-pack.html" target="_blank">免費下載下傳：簡單、優雅的現代風格界面工具包</a>

<a href="http://www.cnblogs.com/lhb25/p/free-hand-crafted-apple-ios7-icons.html" target="_blank">免費下載下傳：320+ 手繪風格 Apple iOS7 圖示</a>

<a href="http://www.cnblogs.com/lhb25/p/google-noto-font-for-all-languages.html" target="_blank">谷歌聯合 Adobe 釋出 Noto 字型【免費下載下傳】</a>

<a href="http://www.cnblogs.com/lhb25/p/20-great-login-registration-form-psd.html" target="_blank">免費 PSD 下載下傳： 20個精美的登入和系統資料庫單</a>

<a href="http://www.cnblogs.com/lhb25/p/new-photoshop-text-effects-tutorials.html" target="_blank">幫助你提高排版技巧的18個 PS 文字特效教程</a>

<a href="http://www.cnblogs.com/lhb25/p/21-light-ultra-thin-fonts-freebie.html" target="_blank">字型大寶庫：20款超細英文字型免費下載下傳</a>

<a href="http://www.cnblogs.com/lhb25/p/photoshop-psdui-kits-for-designers.html" target="_blank">10套免費的 Photoshop UI 元素以及 PSD 素材</a>

<a href="http://www.cnblogs.com/lhb25/p/30-loading-bar-designs-b.html" target="_blank">見過嗎？14個超有創意的加載進度條設計</a>

<a href="http://www.cnblogs.com/lhb25/p/concise-css-framework.html" target="_blank">Concise - 面向對象的，一緻的前端開發架構</a>

<a href="http://www.cnblogs.com/lhb25/p/avoid-using-similar-colors-css.html" target="_blank">借助 CSS Colorguard 來避免使用重複的顔色</a>

<a href="http://www.cnblogs.com/lhb25/p/pagekit-new-modern-cms-create-share.html" target="_blank">Pagekit – 現代化技術建構的輕量的 CMS 系統</a>

<a href="http://www.cnblogs.com/lhb25/p/detects-outdated-browsers-advises.html" target="_blank">實用工具：檢測過時的浏覽器并提醒使用者更新</a>

<a href="http://www.cnblogs.com/lhb25/p/web-based-digital-audio-workstation.html" target="_blank">Hya.io – 基于 Web 的數字音頻工作站</a>

<a href="http://www.cnblogs.com/lhb25/p/open-source-knowledgebase-nodejs.html" target="_blank">基于 Markdown 的開源的 Node.js 知識庫平台</a>

<a href="http://www.cnblogs.com/lhb25/p/google-facebook-twitter.html" target="_blank">Google打不開的終極解決辦法【暢遊網際網路】</a>

<a href="http://www.cnblogs.com/lhb25/p/configurable-captcha-solution.html" target="_blank">VisualCaptcha – 靈活的可視化驗證碼解決方案</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>

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

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

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