(Chrome) 顯示當前網頁的 Google PageRank、Alexa、Compete、Quantcast 排名，以及 IP 位置、Whois、SNS、Cache、backlinks 等。
(Chrome) 快速檢查關鍵字在多個網站中的位置，支持多個國家。
(Chrome) 可以讓你快速檢查關鍵字在網站中的位置。
(Chrome) 快速了解一個網站的技術資訊，例如主機程式、CMS 類型、還有用了哪些前端框架等等。
(Chrome) 立即檢視頁面上的網頁字體是什麼，只需要將滑鼠游標懸停在網頁中字體的上方，就可以瞭解該字體的相關信資訊。
一個書籤 RWD 檢測工具，可以快速測試某個網站在多種螢幕裝置下的檢視效果。
Google 所提供的行動裝置相容性測試工具可以幫助網站設計者測試自己的網站是否適合手機瀏覽，並且列出各種問題與改善方案。
PageSpeed Insights 會分析網頁內容，並提供如何加快網頁載入速度的建議。
Google 提供的網站內容分析工具，可以得知自己網站的搜尋分析與收錄狀態，也可以測試 Google 是怎麼觀看你的網站的。
CuteRank 是桌面軟體，安裝起來後可以查詢多種搜尋引擎的排名，包含 Google / Yahoo / AOL 等等，可以選擇搜尋特定國家地區的排名，還能互相比較，是一套蠻完整的查詢工具。
這是比較早期的排名查詢工具之一，也是簡單的輸入網址與關鍵字就能查詢Google與Yahoo的排名囉。除此之外這個網站還能偵測網站的 PageRank 值。
這個網站可以快速的輸入關鍵字與要偵測的網址，就能知道這個網址在Google與Yahoo中特定關鍵字的排名狀況。還可以將這個查詢結果頁面分享給其他人看。
可以跟瀏覽器整合，每次編輯儲存之後就自動刷新網頁頁面的工具。
一款將前端開發工作流程整合的工具，可以自動化編譯、壓縮與處理前端專案的 CSS, JS, Script 等等，是繼 Grunt 之後的後起之秀。
一款將前端開發工作流程整合的工具，可以自動化編譯、壓縮與處理前端專案的 CSS, JS, Script 等等。
Avocode 是一款 photoshop 增強功能，主要用於將圖層屬性轉換成 CSS 樣式查看，只需點擊即可顯示和預覽圖層的樣式、字體、顏色等等，查看圖層 CSS 變得很方便。
可以跟 Sketch 整合，工程師與設計師溝通版面的好用工具。
Lunacy 是一套可以相容並打開 Sketch 檔案的 UI 繪製工具，雖然目前功能較少一些，但是 Sketch 在 Windows 上不錯的替代用品。
Sketch 是一款輕量化但功能強大的介面繪製工具，比起 Photoshop 的繁瑣，Sketch 非常完美的整合 UI、Icon、與螢幕顯示元素的設計工作，讓設計師可以更有效率的工作。
由台灣人開發的強大HTML頁面產生器，可以高效率的進行前端開發與設計工作，自動整合許多流程。
一款 Bootstrap 線上編輯器，功能強大，可以支援團隊一同協作。
更多不同語言的靜態網站產生器可供參考
PHP 製作的 Prototype 工具與靜態網站產生器，也可以製作超簡易動態網站，操作簡單，可以很快就上手，適合做小型文件網站或是系統 Prototype。
PHP 語言的靜態網站產生器，功能強大，但操作也較為複雜，由 Symfony 框架驅動。
最知名的靜態網站產生器，GitHub 官方就是以這一套為範例，需在 Ruby 環境運行。
一款給不會寫網頁程式但又有網站需求的線上個人架站服務。
