提供CSS3的案例、動畫手冊和CSS3動畫生成工具

張鑫旭個人博客，主要為web前端方向的技術文章。

司徒正美個人博客，博客園推薦博客，主要為web前端方向的技術文章。

次碳酸鈷的技術博客，文章原創，每日更新。

前端技術分享網站，為前端技術人員提供所需的資訊及資源。

每日前端開發新聞，跟蹤前端開發趨勢。

大前端是一個關注web前端開發、用戶體驗設計、wordpress主題、前端招聘信息的獨立博客,提供前端開發技巧資源和wordpress主題定制服務,是值得開發人員收藏的站點。

中國最大的HTML5中文門戶，提供各種HTML5資料、網站、資訊、應用、游戲、教程、視頻、論壇等。

覺唯是一個分享設計博客，推崇以用戶為中心的設計，致力于互聯網視覺設計、交互設計、前端開發、用戶研究。

web前端開發，專注前端開發，關注用戶體驗，關注國內外最新最好的前端開發技術和前端開發資訊的專業博客。

致力于互聯網視覺傳達、交互設計、前端開發，關注用戶體驗研究、品牌形象管理、創意產業研發。

天貓UED 用戶設計體驗部，主要有視覺設計，前端開發，交互設計等。

專注于用戶體驗

來自QQ互聯、騰訊Q+、WebQQ、QQ群空間項目團隊，致力于Web前端技術的研究。

騰訊財付通設計中心，主要有交互設計、視覺設計、前端開發、頁面重構等。

騰訊游戲官方設計團隊，主要為網游產品的包裝、創意、網站等設計工作，由專業的視覺設計師、網站重構工程師、FLASH動畫設計師、視頻包裝設計師構成。

ISUX是騰訊核心設計團隊，重點產品包括QQ、QQ空間、QQ會員、QQ秀、QQ情侶、QQ提醒、朋友網、云平臺、廣點通、Qrobot以及相關移動終端應用等。

阿里巴巴（中文站）用戶體驗設計部博客，主要有交互設計、視覺設計、前端開發、用戶研究等。

主要有交互設計、用戶研究、視覺設計、頁面構建等。

從游戲和生活中汲取創意和靈感的一群設計精靈，用愛去釋放奇妙的設計魔法，描繪讓你我感動的虛擬人生。

主要有交互設計、網頁重構、視覺設計

主要為前端技術研究。

CSSer 定位在前端技術內容社區，以內容為中心，將用戶、分類（標簽）、文章資源和問答有效的連接在一起。

致力于普及W3C標準，將定期與不定期組職前端開發活動，與大家一起分享與交流前端技術。

內容涵蓋行業資訊、原創教程、資源分享、疑難解答、招聘信息等， 旨在提供一個信息交流、經驗分享、互幫互助的平臺。

作者的文章循序漸進，圖文并茂，通俗易懂。另外，作者視野開闊，對經濟歷史、法律文學、醫學電影、音樂美術、攝影政治、科學創業等均有所涉獵。

以建設網站設計與開發人員之家為宗旨，以介紹網絡開發技術與網站創作設計交流為主要內容。

外刊IT評論網以介紹外國IT方面的評論為主，偏重于軟件編程,技術,科技,創業,測試,程序員開發等方面。

專注web前端開發，專注用戶體驗。

由Peter Cooper發布的周刊，收集了JS社區正在發生的新項目、更新、新聞、視頻、播客、會議信息等等。JavaScript Weekly還可以發到你的郵箱，讓你隨時了解最新動態。

這里有一些還不錯的電子書。如果喜歡，請幫忙向同事和同學推薦該站。

該文結合具體代碼和實例，講解了jQuery的原理和機制，整篇文章圖文并茂，循序漸進，通俗易懂，特推薦給大家。

本文將WEB前端研發編程能力劃分了八個等級，每個等級都列舉出了對應的特征及破級提升之方法，希望每位在看本文的同學先準確定位自己的等級，參考突破之法破之。

本文詳細講解了HTTP協議的概念、原理、結構、GET與POST的區別、狀態碼等內容，并在系列文章中講解了認證，緩存，壓縮，代理等知識，強烈推薦前端開發人員閱讀。

本文詳細講解了正則表達式的概念，并結合實例，由淺入深，在30分鐘內讓你明白正則表達式是什么，并對它有一些基本的了解，讓你可以在自己的程序或網頁里使用它。

本文詳細講解了編寫高質量JavaScript的一些要素，例如避免全局變量，使用單變量聲明，在循環中預緩存length(長度)，遵循代碼閱讀，以及更多。

湯姆大叔寫的一系列深入理解JS系列文章，包括了原創，翻譯，轉載，整理等各類型文章。主要有JS最佳實踐、原型鏈、函數表達式、閉包、作用域、面向對象、設計模式等。

本文主要結合具體實例，從函數和方法、樣式訪問、DOM方法及對象引用、事件處理及其他差異的兼容處理等方面對IE和FireFox的Javascript兼容性作了總結，非常值得閱讀。

本文主要結合作者自身經歷，推薦了一些學習JS的書籍，并對書籍做了一些點評，比較適合初學者參考。

瀏覽器可以被認為是使用最廣泛的軟件，本文將介紹瀏覽器的工作原理，我們將看到，從你在地址欄輸入google.com到你看到google主頁過程中都發生了什么。

Paul Irish是著名的前端開發工程師，同時他也是Chrome開發者關系和jQuery團隊成員。針對大家對WebKit的種種誤解，他發表了《WebKit for Developers》試圖為大家解惑。

本文總結了"異步模式"編程的4種方法，理解它們可以讓你寫出結構更合理、性能更出色、維護更方便的Javascript程序。

jQuery的.bind()、.live()和.delegate()之間的區別并非總是那么明顯的，然而，如果我們對所有的不同之處都有清晰的理解的話，那么這將會有助于我們編寫出更加簡潔的代碼。

對于網頁開發者來說，學會jQuery是必要的。雖然jQuery上手簡單，比其他庫容易學會，但是要全面掌握，卻不輕松。本文試圖理清jQuery的設計思想，找出學習的脈絡。

本文主要參考了Addy Osmani的PPT《提高jQuery性能的訣竅》。他是jQuery開發團隊的成員，具有一定的權威性，提出的結論都有測試數據支持，非常有價值。

開發網站的過程中，我們經常遇到某些耗時很長的javascript操作，這些操作都不能立即得到結果。deferred對象就是jQuery用來解決此類問題的回調函數解決方案。

Javascript是一門非常靈活的語言，我們可以隨心所欲的書寫各種風格的代碼，不同風格的代碼也必然也會導致執行效率的差異，本文將整理一下平時比較常見并且容易規避的問題。

老是在寫js，你平時是怎么寫你的js呢？更喜歡哪種方式呢？今天就把常見的跟大家嘮叨嘮叨。

JSON和JSONP雖然只有一個字母的差別，但其實他們根本不是一回事兒：JSON是一種數據交換格式，而JSONP是一種依靠開發人員的聰明才智創造出的一種跨域數據交互協議。

XSS是Web程序中最常見的漏洞。指攻擊者在網頁中嵌入客戶端腳本(例如JavaScript), 當用戶瀏覽此網頁時，腳本就會在用戶的瀏覽器上執行，從而達到攻擊者的目的。

編程世界里只存在兩種基本元素，一個是數據，一個是代碼。編程世界就是在數據和代碼千絲萬縷的糾纏中呈現出無限的生機和活力。

默認字體樣式會因為瀏覽器不同，版本不同，甚至操作系統不同的設置不同導致如果直接利用默認樣式的頁面在各個瀏覽器下顯示非常不一致，本文對此進行了較為詳細的討論。

hasLayout是IE的特有屬性。它決定著一個元素要么自己對自身的內容進行計算大小和組織，要么依賴于父元素來計算組織內容。本文總結了由hasLayout引發的CSS Bug。

BFC（Block Formatting Context）直譯為“塊級格式化范圍”。是 W3C CSS 2.1 規范中的一個概念，它決定了元素如何對其內容進行定位，以及與其他元素的關系和相互作用。

很早以前就接觸過CSS，但對于浮動始終非常迷惑，可能是自身理解能力差，也可能是沒能遇到一篇通俗的教程。前些天小菜終于搞懂了浮動的基本原理，迫不及待的分享給大家。

本文對CSS3中最重要的10個命令進行了總結。

本文對工作中遇到的IE下 z-index 的各種坑進行了總結。

The basics to creating your own Google Chrome extension using mostly JavaScript and some JSON.

Fiddler是最強大最好用的Web調試工具之一，它能記錄客戶端和服務器的http和https請求，允許你監視，設置斷點，修改輸入輸出數據，無論對開發還是測試都有很大的幫助。

瀏覽器緩存機制，其實主要就是HTTP協議定義的緩存機制（如： Expires； Cache-control等），但是也有非HTTP協議定義的緩存機制，文本對此進行了比較詳細的講解。

如果你是在我領導的團隊里，有幾個額外的事情我要告訴你。我深信這些行為守則是一個高效團隊的潤滑劑，我并不只是要求別人這樣做，我自己也嚴格恪守。

不可多得的HTML/CSS學習資料，作者為豆瓣前端工程師。

在過去十年中高品質的可用性一直是業內討論的核心，因為它對用戶來說越來越重要。好的可用性也可以幫助建立品牌知名度，從而提升用戶對一個網站或者是一家公司的評價。

該文收集了一些關于圖片優化的技巧，并對于各個方法的優化原理做了一些研究總結，希望能給大家對于圖片優化這一塊起到拋磚引玉的作用。

The basics to creating your own Google Chrome extension using mostly JavaScript and some JSON.

奧地利Christoph Koutschan博士他做了一個調查，參與者大多數是計算機科學家，他請這些科學家投票選出最重要的算法，以下是這次調查的結果，按照英文名稱字母順序排序。

DevDocs是一個界面簡單優雅的HTML、CSS、DOM、DOM事件、JavaScript和jQuery等API閱讀器。

為開發設計人員提供在線工具，提供jsbin、CSS、JS、JAVA API,PHP API、Node.js API、Less CSS編譯器，MarkDown編譯器等工具

W3C CSS 驗證服務

一個很不錯的圖標搜索引擎

一個提供把圖片轉換為Base64格式編碼的網站

提供在線編寫、展示html、js、css代碼的網站。

提供在線編寫、展示html、js、css代碼的網站。

提供在線編寫、展示html、js、css代碼的網站。

一個針對網站前端代碼設計的開發工具，提供多種效果，有豐富的案例特效，用戶可以在已有demo基礎上進行開發。

在線正則表達式測試工具

在線代碼著色(采用SyntaxHighlighter實現)

一個提供在線寫代碼交流的網站，常被國外公司用來做電話面試。

提供CSS3的案例、動畫手冊和CSS3動畫生成工具

一個CSS的解析、檢查、修復與壓縮的工具集

web前端開發參考手冊系列之CSS3參考手冊：為Web前端開發人員提供最新、最全的CSS資料，涵蓋CSS3.0。

圖形化的CSS3代碼生成工具

NEC包括了規范、框架、代碼庫、插件等內容，致力于為前端開發人員提供高效率高質量的前端頁面開發解決方案。

JS版的PPT生成工具，很容易制做出非常炫的網頁式PPT。

最喜歡的前端開發工具，沒有之一。

Aptana是一個非常強大,開源,JavaScript-focused的AJAX開發IDE。

一個可視化的網頁設計和工具，支持HTML檢查、HTML格式控制等技術.

說起編輯器，當然少不了這貨啊。

Windows系統上的一個好用的文本編輯器，在使用sublime Text之前，這貨可是我的御用IDE。

Notepad++ 是一款Windows環境下免費開源的代碼編輯器。

Komodo是一個免費/收費、支持多種語言、以及跨平臺（可用于 Windows、Mac OS X 和 Linux）的IDE.擁有后臺語法檢測、顏色匹配、錯誤捕捉、自動補齊等特性。

WebStorm 是jetbrains公司旗下一款JS開發工具。被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JS IDE”等。

Zend Studio 是專業開發人員在使用PHP整個開發周期中唯一的集成開發環境 (IDE)，它包括了PHP所有必須的開發部件。有一整套編輯、調試、分析、優化和數據庫工具。

非常強大的前端調試工具

非常強大的HTTP抓包分析工具，對IE6來說簡直就是神器啊。

IE6調試利器。

IE兼容性測試必備工具之一。

驗證JS代碼格式的工具，有眾多IDE插件。

用java寫的一個代碼壓縮工具

在線JS/CSS/HTML壓縮(采用YUI Compressor實現)

在線JS格式化工具

可以將HTML源代碼轉換成JavaScript形式的編寫代碼。

格式化、壓縮、eval壓縮JS/HTML代碼。

一般情況下，網頁間的參數都會經過URL編碼后傳輸，將這些URL進行解碼，可以幫助使用者了解網頁的內容。同時，編碼解碼工具也為技術人員提供一個實用工具。

在 Web 開發中，經常會需要一些測試數據來測試接口或者功能時候正確。JSON Generator 就是這樣一款生成隨機 JSON 數據的在線工具。

HTML特殊字符對照表

apidq是最具權威的api網址大全，匯集最優秀的api資源。及時收錄API分類的網址和內容，收錄網絡科技企業的技術開放平臺。讓您的API開發、開放平臺開發更簡單精彩。

詳細講解了語義化標簽規范，可以作為工具在需要時查看。

jQuery是一個兼容多瀏覽器的JS庫，核心理念是write less,do more(寫的更少,做的更多)，如今已經成為最流行的JS庫。

Zepto.js 是支持移動WebKit瀏覽器的JavaScript框架，具有與jQuery兼容的語法。2-5k的庫，通過不錯的API處理絕大多數的基本工作。

Node.js是一個可以快速構建網絡服務及應用的平臺。該平臺的構建是基于Chrome's JavaScript runtime，即是對Google V8引擎進行了封裝。

YUI是由雅虎開發的開源JS函數庫，包含了多種工具、函數庫以及網頁操作界面，適合企業級開發。

ExtJS是一種主要用于創建前端用戶界面，是一個基本與后臺技術無關的前端ajax框架。功能豐富，無人能出其右。

Dojo是一個用JS實現的開源DHTML工具包，目標是解決開發DHTML程序遇到的那些，長期存在、歷史問題。

Prototype JS庫設計巧妙，兼容標準的類庫，能夠幫助開發人員輕松建立有交互性良好的web2.0特性富客戶端頁面。

MooTools是一個簡潔，模塊化，面向對象的開源JS web應用框架。它為web開發者提供了一個跨瀏覽器js解決方案。

UEditor是由百度web前端研發部開發所見即所得富文本web編輯器，具有輕量，可定制等特點。

KindEditor 是一套開源的在線HTML編輯器，主要讓用戶獲得所見即所得編輯效果，比較適合在 CMS、商城、論壇、博客等應用上使用。

Sea.js理念是：海納百川、有容乃大。期望能成為海，開放而自由。提供簡單、極致的模塊化開發體驗。

Tangram是一款實用的JS基礎庫，通過她可快速構建出高度互動的Web應用程序，簡單而高效。

JX 是模塊化的非侵入式Web前端框架，特別適合構建和組織大規模、工業級的Web App。

alloyImage是一個基于html5的圖像處理js代碼庫，提供了簡單快捷的API，多圖層操作，與PS對應的17種圖層混合模式，多種風格處理效果。

KISSY是阿里工程師創建的開源JS框架。具備模塊化、高擴展性、組件齊全、接口一致等特性。

Arale 基于SeaJS和CMD規范，建立了一套從編碼測試到部署的開發體系，是一個開放、簡單、易用的前端解決方案。

NEJ是由網易工程師創建的簡潔美觀，跨平臺的web前端開發框架；她自由定制、小巧靈活、簡潔易用、愉悅編碼、快樂開發。

Bootstrap是Twitter工程師推出的開源的前端開發框架，該框架提供了優雅的HTML和CSS規范，是GitHub上的熱門開源項目之一。

960 Grid System（960網格系統）是一套為了簡化Web開發工作流程的CSS框架。

LESS 將 CSS 賦予了動態語言的特性。LESS既可以在客戶端上運行也可以在服務端運行。

SASS是一種CSS的開發工具，提供了許多便利的寫法，大大節省了設計者的時間，使得CSS的開發變得簡單可維護。

Foundation是一個易用、強大而且靈活的框架，用于構建基于任何設備上的Web應用。提供多種Web上的UI組件，如表單按鈕、Tabs等。

Normalize.css 是一個可以定制的CSS文件，通過研究不同瀏覽器默認樣式的差異，它讓不同的瀏覽器在渲染網頁元素的時候形式更統一。

Animate.css包含一些實現了各種跨瀏覽器的動畫效果的CSS，你可以在項目中使用。