超實用！一行程式碼將瀏覽器變身網頁編輯器，支援各種常見瀏覽器
這幾天在 Twitter 看到一則推文分享，只要一段程式碼，就能開啟 Google Chrome 瀏覽器內建開發者工具的編輯器功能，直接在網頁…
開發工具
Mac 站長必學！使用 Xcode 模擬器測試網站在 iPhone X 顯示效果教學
兩週前 Apple 在 iPhone 誕生十週年之際宣布推出「iPhone X」（羅馬數字中的 10），吸引全球目光，堪稱有史以來最高階 iPhone …
WhatRuns 查看網站背後使用那些第三方服務和技術（Chrome、Firefox）
對於開發或經營網站的朋友來說，應該很常會去研究其他網站使用那些技術，一來可知己知彼，另一方面也能從其他網站來找到更合適…
Verstory 查詢各種 CMS、開發框架、程式語言最新版本資訊
現在大部分程式或軟體都會內建「自動更新」功能，可自動偵測有無新版本釋出，並在特定情況下自動升級到最新版，這麼做有個好處…
Devicon 免費程式語言、設計、開發工具圖示集 Icon Font、SVG 兩大格式
我介紹過不少免費圖示，但可能都沒有我接下來要推薦的圖示集特別，有時開發者需要在網站裡放上一些技術相關標誌，例如主機商告…
Think With Google 最佳化網站在手機開啟速度，別讓等待流失重要訪客
去年差不多同時期我寫過一篇「Google 幫你測試網站是否對行動裝置友善，三項評比指標提供最佳化指南」，主要介紹 Google 旗下一…
Varvy Pagespeed 免費搜尋引擎最佳化指南，找出讓網站更快的方法
我常說「搜尋引擎最佳化」（SEO）沒有捷徑，也沒有立竿見影的作法，你可以做的是遵循著大部分使用者的共同經驗，使網站在搜尋引…
Mega Tags 最完整社群媒體 META 標籤產生器，Facebook 社群經營必備
如果你是經營網站、部落格的站長，一定知道搜尋引擎最佳化（SEO）對網站流量的重要性，這幾年隨著社群網路逐漸蓬勃發展，也開始…
CoolHue 最酷的漸層色背景色卡產生器，快速產生背景 CSS3 語法
這幾年新出現的網路服務或應用程式都喜歡使用漸變色作為背景圖，有一些則會選用高畫質、高解析度免費圖庫相片，相較於單色背景…
CSS Reference 前端設計師必備手冊！收錄 CSS 樣式表屬性說明及範例
前幾天介紹過「HTML Reference 網頁開發者必備手冊！收錄所有 HTML 元素及屬性說明」，有讀者說這個網站比 W3Schools 更方便快…