View Rendered Source：網頁開發與 SEO 必備 Chrome 擴充功能，一鍵檢查 JavaScript 渲染差異
最近在社群平台看到國外網友推薦一款免費 Chrome 擴充功能「View Rendered Source」，可以說是網頁開發者與 SEO 專家必備的工具！它能顯示 Google 是否能真正「…
開發
閱讀全文View Rendered Source：網頁開發與 SEO 必備 Chrome 擴充功能，一鍵檢查 JavaScript 渲染差異
WhereGoes：縮網址安全守門員，一鍵檢查連結跳轉路徑和目標頁面
縮網址的立意良善，讓冗長的網址縮短，但也潛藏了一些問題，例如原始網址在經過「包裝」後很難被辨識，也就提高使用者可能會誤入有害網站的風險，短網址在沒有…
hop.js：用於開源專案的快速免費、隱私優先的 CDN 服務
hop.js 是一個安全、免費的內容傳遞網路（CDN）服務，專為開放原始碼專案設計，提供數百萬個網頁套件超高速存取，無需犧牲隱私。
DOTOWN：前任天堂設計師開發，600+ 免費點陣圖素材下載
DOTOWN：免費點陣圖素材下載網站介紹 之前介紹過「俐方體11號：免費、開放原始碼 11×11 中文點陣體字型下載」，一款帶有復古感覺的點陣免費字體，看起來非常有…
GitHub Education 開放所有學生免費使用軟體開發套裝，學校信箱就可申請
2014 年我介紹過 GitHub 學生開發者方案（Student Developer Pack），也是針對學生給出的一系列優惠，這個禮物包裡收錄許多大大小小的優惠方案，只要是學生都可…
日本 BGM 協會開放音樂資料庫供大眾使用，近 20000 首音樂素材免費下載
日本免費 BGM 協會（Background Music，背景音樂）是一個由 BGM 作曲家組成的團體，將音樂素材整合在資料庫中，原本資料庫只提供給教育機構、廣播或影片製作、…
提升效率！Screen Ruler 網頁尺規工具：前端開發者必備的 Chrome 擴充功能
Screen Ruler 是螢幕上的尺，用以測量網頁上任何元素的標籤名稱、ID、尺寸、距離、邊框間距和邊界等資訊，而且操作上很簡單，只要開啟擴充功能後將游標移動到元…
如何解決 Facebook 分享時抓不到標題和縮圖問題？（Facebook Debugger）
之前我曾寫過一篇「把連結貼到 Facebook 卻抓不到縮圖？簡單的方法幫你解決！」教學，使用的原理其實很簡單，就是在網址後面隨意加上錨點來讓 Facebook 重新抓…
SourceDrop：程式碼、文字分享工具（Mac）
網路上有不少程式碼分享服務，較為知名的有 Pastebin、TinyPaste 等等，用來分享原始碼相當方便，可以直接貼上，產生鏈結，也會依照不同的程式語言加入高亮效果…
SnipSave 線上程式碼儲存、分享服務
如果想在線上儲存、共享程式碼，你會怎麼做呢？或許你能試試看 SnipSave 簡單、優雅的程式碼工具。SnipSave 就字面上的意思來說應該很好瞭解，就是 Snippet Sav…