以往要錄製螢幕畫面必須透過螢幕錄影軟體或是瀏覽器外掛，例如 Screencast-O-Matic 就是我非常喜歡的螢幕錄影工具，錄製後還能直接將影片上傳 YouTube，另一款 Activepresenter 也深受不少使用者喜愛，如果你使用 Google Chrome 瀏覽器，可考慮下載 Loom、Screencastify 等擴充功能，也有一樣的效果。
網頁工具
Counter by Alles 最簡單的免費網站計數器，一行程式碼就能顯示訪客數
WordPress Security Scanner 掃描你的網站是否有已知弱點
Typehut 最簡單的內容發佈工具，支援 Markdown 語法可自訂網址
EasyScreenOCR 線上辨識圖片轉為純文字輸出，支援中文等十一種語言
大家都知道無法從圖片裡直接取出文字，被做成圖片後基本上是不可能進行編輯，倘若要取得圖片上的文字，除非有原始檔，不然就必須手動重新輸入一次，才能得出可編輯的文字內容。但這僅限於文字較少的時候才做得到，如果要處理的項目很多，也沒有太多時間，最快的方法就是利用 OCR（光學字元辨識）技術自動處理，Google 文件和即時通訊應用程式 LINE 都有內建 OCR 工具。
Who Can Use 檢查網頁配色對視力障礙使用者友善程度
全球資訊網協會（World Wide Web Consortium，W3C）制定的網頁內容無障礙指南相信大家不陌生，網頁內容無障礙指南（Web Content Accessibility Guidelines，WCAG）用於讓網頁可以更容易被訪問，藉由這些原則，讓內容能夠被廣大的身心障礙人士使用，其中涉及到可感知性、可操作性和可理解性等各種層面。
Responsive Viewer 在單一頁面查看網頁在不同螢幕大小裝置的顯示樣貌（Chrome 擴充功能）
如果要讓行動裝置正常瀏覽網頁，可以另外製作手機版頁面或是透過自適應網頁設計（Responsive Web Design，簡稱 RWD）技術來調整版型，那麼要怎麼知道一個網站有沒有支援 RWD 呢？最簡單的方法就是拖曳調整視窗大小，看看網頁是不是在寬度較窄時仍可正常顯示，例如選單可能會縮起變成點選後才展開的按鈕。大部分的開發者都會使用行動裝置測試版型，但每個裝置大小都有差異，若沒辦法同時擁有這麼多裝置進行測試，其實透過一些電腦上的工具也能達到相同效果。
閱讀全文 » 關於 Responsive Viewer 在單一頁面查看網頁在不同螢幕大小裝置的顯示樣貌（Chrome 擴充功能）
Screenshot Machine 將網頁畫面擷取轉為圖片或 PDF 免費工具
免費資源網路社群介紹過不少製作、產生網頁擷圖的線上工具，這些服務多半不需要額外下載軟體，輸入網址就能建立網頁截圖，有些還能選擇要用的裝置類型或解析度大小，對於檢查自適應網頁設計（Responsive Web Design）網站呈現效果來說會很有用，有時候也可能用來備份網頁內容，像是 Web-Capture 線上網頁快照服務輸入網址就能完整擷取網頁轉圖片，或是 Screenshot Guru、Full Page Screen Capture 都能透過瀏覽器建立網頁擷圖。