超實用！一行程式碼將瀏覽器變身網頁編輯器，支援各種常見瀏覽器
這幾天在 Twitter 看到一則推文分享，只要一段程式碼，就能開啟 Google Chrome 瀏覽器內建開發者工具的編輯器功能，直接在網頁內進行內容編輯測試（對，直接編…
網頁設計
閱讀全文超實用！一行程式碼將瀏覽器變身網頁編輯器，支援各種常見瀏覽器
Caself 提供 800 種免費紋理背景圖片下載，網頁設計必備素材推薦
我在設計網頁時傾向使用單色背景，不過很多時候選擇合適的背景圖看起來會使網站更有質感，也讓視覺上不會過於呆板，那麼要去那裡找到這些素材呢？之前曾經介紹…
Mac 站長必學！使用 Xcode 模擬器測試網站在 iPhone X 顯示效果教學
兩週前 Apple 在 iPhone 誕生十週年之際宣布推出「iPhone X」（羅馬數字中的 10），吸引全球目光，堪稱有史以來最高階 iPhone 手機，更將沿用十年的 Home 鍵拿…
Web Launch Checklist 網站上線前你應該完成的工作檢查清單
我之前翻譯過一篇國外的教學文件「殺手級 WordPress 體檢項目：101 個建立新網站的超簡易捷徑！」，如果你決定使用 WordPress 架站，應該先透過這份清單仔細了…
photoAC 超過 18 萬張免費圖片下載，值得收藏日本免費圖庫
兩個月前我介紹過 silhouetteAC 收錄超過四萬張以上免費剪影向量圖，算是圖庫中比較少見的類型，我相信這些單色剪影圖一定會有人需要，但可能就不像一般相…
Iconshock 超過 200 萬個免費圖示下載！可自訂顏色、大小或加入配件特效
想找免費圖示嗎？其實免費資源網路社群介紹過不少，或許你可以從網站搜尋或分類中找到，既然有免費圖庫搜尋工具，那有免費圖示的搜尋引擎嗎？其實也是有的，例…
Devicon 免費程式語言、設計、開發工具圖示集 Icon Font、SVG 兩大格式
我介紹過不少免費圖示，但可能都沒有我接下來要推薦的圖示集特別，有時開發者需要在網站裡放上一些技術相關標誌，例如主機商告訴客戶支援那些技術（Nginx、PHP…
Maki Icons 免費開放原始碼 300 圖示下載，採用 CC0 授權可商業用途
前天剛介紹「Ionicons：700 個開放原始碼高品質圖示字型免費下載」，文章裡有提到我最近將網站使用到的圖示集整合統一，除了讓顯示效果一致，最主要原因是可減…
Ionicons：700 個開放原始碼高品質圖示字型免費下載
WordPress 從 3.8 開始加入官方圖示集「Dashicons」，將前台及控制台可能會用到的圖案一致化，當然也能透過 WordPress 本身的 CDN 讓圖示載入速度更快，本來打…
Think With Google 最佳化網站在手機開啟速度，別讓等待流失重要訪客
去年差不多同時期我寫過一篇「Google 幫你測試網站是否對行動裝置友善，三項評比指標提供最佳化指南」，主要介紹 Google 旗下一個名為 Think With Google 的免…