1.jQuery和jQuery Mobile
jQuery是一款免費且開放源代碼的JavaScript代碼庫，而jQuery Mobile是jQuery在手機和平板上的版本。jQuery Mobile不僅能給主流移動平臺帶來jQuery核心庫，還能發佈一個完整統一的jQuery移動UI框架，支持全球主流的手機、平板、電子閱讀器、臺式電腦等平臺。據微軟關於jQuery的調查顯示，jQuery在受訪網站中的使用率已從2010年12月的27%上升到2011年12月的42%。
2.CSS3 PIE
CSS3 PIE（“Progressive Internet Explorer”的縮寫）工具可以讓IE6至IE8的所有版本實現大多數的CSS3修飾特性，如圓角、陰影、漸變等等。通過這個工具，開發者可以在線修改想要的效果，並即時生成css代碼。
3.Bootstrap
今年8月，Twitter推出了一個名爲Bootstrap的開發工具包，將Web應用開發與部署變得更爲簡單快捷。Bootstrap包是一個簡單的程序庫，同時提供優雅的HTML和CSS規範。Bootstrap使用了一些最新的Web瀏覽器技術，向開發者提供時尚的排版、樣式、按鈕、表格、網格、導航等服務，而且佔用資源很小，用gzip壓縮後只有6K左右。
4.LESS
LESS是一個CSS開發管理的強大工具，拓展了CSS的變量、運算符、include、嵌套規則等語法。LESS從Ruby的LESS library衍生而來，免費開源，實現了和CSS的無縫結合。此外，LESS可以配置成自動最小化所生成的CSS文件，不僅可以節省帶寬，還可以改善最終用戶的體驗。
5.Chrome開發人員工具
火狐即將死亡的預言或許被誇大其詞了，但可以肯定的是Chrome正在侵蝕越來越大的市場份額，其中最主要的一個原因是Web開發人員喜歡Chrome捆綁自帶的開發人員工具。
Chrome開發人員工具主要基於WebKit網絡檢查器（開放源代碼WebKit項目的一部分），可讓Web開發人員隨時隨地對網頁的CSS、HTML和JavaScript進行實時編輯、調試以及監控。該工具不僅能幫助診斷、修復在網頁加載、腳本執行以及頁面呈現中出現的問題，還可幫助最大限度地瞭解網頁或網絡應用程序對CPU以及內存的使用情況。