JavaScript

• 網站開發必備：12款響應式 Lightbox 效果插件
• 構建殺手級應用的 JavaScript 框架、工具和技術
• 分享史上最全的瀏覽器 CSS & JS Hack 手冊
• Zepto.js – 為現代瀏覽器而生的輕量級 JavaScript 庫
• 實現絢麗的自定義風格滾動條 – Perfect Scrollbar
• 使用 ThreeSixty 創建可拖動的 360 度全景圖片預覽效果
• Conditioniz – 探測瀏覽器并條件加載 JavaScript 和 CSS
• Hook.js – 在傳統網頁上實現手機中的下拉刷新效果
• Formula.js – 實現 MS Excel 公式的 JavaScript 工具庫
• 今日推薦：使用 Intro.js 創建絢麗的分步指南效果
• Respond.js – 讓不懂愛的 IE6-8 支持 CSS3 Media Query
• Textillate.js – 實現動感的 CSS3 文本動畫的簡單插件

jQuery

• 2012年最有用的50款 jQuery 插件集錦——《網頁布局篇》
• 2012年最有用的50款 jQuery 插件集錦——《表單篇》
• 2012年最有用的50款 jQuery 插件集錦——《導航篇》
• 精心推薦：20款優秀 jQuery Accordion（手風琴）特效插件
• Lazy Line Painter – 很有趣的 jQuery 路徑動畫插件
• 令人印象深刻的 jQuery 模態框插件 – iLightBox
• 使用 jQuery Deferred 和 Promise 創建響應式應用程序
• 實現 Amazon 超快反應速度下拉菜單的 jQuery 插件
• Spoiler Alert – 實現內容模糊隱藏效果的 jQuery 插件
• jPanelMenu – 創建面板風格菜單的 jQuery 插件
• Unslider – 輕量的響應式 jQuery 內容滑塊插件
• Swipebox – 用于觸屏設備的精美 jQuery Lightbox 插件

HTML5

• 10個讓人眼花繚亂的 HTML5 和 JavaScript 效果
• 未來的Web：讓你驚嘆的 Chrome 瀏覽器實驗項目
• 年度盛宴——2012年最經典的10款 HTML5 游戲
• 分享我收集的8個驚艷的 HTML5 和 JavaScript 特效
• 網頁技術革命：10個讓你忘記 Flash 的 HTML5 應用演示
• 網頁技術革命：精美絕倫的 HTML5 個人作品集網站
• 2012年排名前20的 HTML5 應用和網站設計作品
• 走進HTML5：20個驚艷的 HTML5 Canvas 應用試驗
• Web Lab——鼓舞人心的谷歌 Chrome 實驗室

CSS3

• 前端筆記：幫助你美化網站的10+實用 CSS3 技巧
• CSS3 經典教程系列：CSS3 RGBA 用法詳解
• CSS3 經典教程系列：CSS3 盒陰影（box-shadow）詳解
• CSS3 經典教程系列：CSS3 陰影（text-shadow）詳解
• CSS3 經典教程系列：CSS3 圓角（border-radius）詳解
• CSS3 經典教程系列：CSS3 線性漸變（linear-gradient）
• CSS3 經典教程系列：CSS3 徑向漸變（radial-gradient）
• 前端文摘：最全的 CSS2.1 和 CSS3+ 的區別一覽
• 年度盛宴：2012年排名前20位的 CSS 網站作品

網頁設計素材

• 10套華麗的 Windows 8 Metro 風格圖標【2000+免費圖標】
• 【推薦收藏】10個獲取免費網頁背景紋理的最佳網站
• 網頁素材精品：一組五彩繽紛的免費矢量背景素材
• 分享20套精美的免費分頁按鈕 PSD 源文件
• 今日推薦：2068個開源的網站模板【免費下載】
• 讓你的工作變輕松的一套免費的 iPhone 手勢圖標
• 特別推薦：15個精美 Metro UI 風格 WordPress 主題
• Flat UI – 基于 Twitter Bootstrap 的扁平風格 UI 工具包
• 『精品素材分享』15套極好的高質量免費紋理

網頁設計欣賞

• 前沿視點：2013年最值得關注的網頁設計流行趨勢
• 在網頁設計中使用紋理傳遞氛圍——附完美案例
• 《實用技巧》——讓你的網站變成響應式的3個簡單步驟
• 談談構建單頁布局網站的創意技術——附優秀案例
• 網站設計欣賞：20個另類的單頁網站作品案例
• 經典網頁設計：20個簡約風格的電子商務網站
• 流行趨勢：27個引領時尚的網頁設計作品【上篇】
• 流行趨勢：27個引領時尚的網頁設計作品【下篇】
• 經典網頁設計：20個精美的國外單頁網站作品

網頁設計案例

• 經典網頁設計：超炫的動畫效果單頁網站設計
• 經典網頁設計：20佳很酷的個人網站設計案例
• 2012年最佳25個響應式網站設計作品《上篇》
• 2012年最佳25個響應式網站設計作品《下篇》
• 經典案例分享：20個創新的用戶界面設計
• 贊！20佳優秀的國外響應式設計網站作品
• 經典網頁設計：激發你靈感的20個多彩的網頁作品
• 優秀案例：20個銷售頂級名鞋的電子商務網站
• 經典網站設計：10個獨具創意的網站頭部設計示例

英文字體資源

• 字體大寶庫：25款很好看的液晶數字字體下載
• 字體大寶庫：最新25款免費的英文 3D 字體下載
• 字體大寶庫：25款很好看的手寫字體下載
• 免費字體大寶庫：16款燃燒的火焰效果英文字體
• 年度榜單：2012年最流行的28款免費英文字體素材
• 高品質免費字體集錦：25款英文藝術字體下載
• 字體大寶庫：10款有趣的精美節日字體下載
• 新鮮出爐：2012年度最好看的英文字體免費下載
• 精品英文字體：20款免費的的圣誕節藝術字體

實用工具分享

• OverAPI.com – 史上最全的開發人員在線速查手冊
• 前端文摘——網頁圖片優化的實用工具和技巧分享
• Debuggex – 超好用的正則表達式可視化調試工具
• 實用錦囊：推薦一款很棒的響應式網頁測試工具
• 《hhhhold.com》 – 很好玩的隨機占位圖片生成工具
• Docverter – 文本文件輕松轉換為 PDF，Docx 和 ePub 文件
• modern.IE – 微軟發布的 IE 兼容性測試工具和資源
• Profound Grid：實現固定和流動布局的響應式網格系統
• Groundwork：響應式 HTML5，CSS & JavaScript 工具包

前端開發進階

• 那些幫助你成為優秀前端工程師的講座——《JavaScript篇》
• 那些幫助你成為優秀前端工程師的講座——《CSS篇》
• 那些幫助你成為優秀前端工程師的講座——《基礎篇》
• 那些幫助你成為優秀前端工程師的講座——《性能篇》
• 那些幫助你成為優秀前端工程師的講座——《測試篇》
• 那些幫助你成為優秀前端工程師的講座——《Web 應用篇》
• 那些幫助你成為優秀前端工程師的講座——《移動開發篇》
• 干貨集錦——前端大牛 Addy Osmani 的15個精彩PPT
• 如何給網站瘦身？圖文并茂的前端性能優化指南

同系列文章

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