超實用！一行程式碼將瀏覽器變身網頁編輯器，支援各種常見瀏覽器
這幾天在 Twitter 看到一則推文分享，只要一段程式碼，就能開啟 Google Chrome 瀏覽器內建開發者工具的編輯器功能，直接在網頁內進行內容編輯測試（對，直接編…
JavaScript
閱讀全文超實用！一行程式碼將瀏覽器變身網頁編輯器，支援各種常見瀏覽器
WhatRuns 查看網站背後使用那些第三方服務和技術（Chrome、Firefox）
對於開發或經營網站的朋友來說，應該很常會去研究其他網站使用那些技術，一來可知己知彼，另一方面也能從其他網站來找到更合適的功能。如果有經驗的話，通常透…
Local CDN 將 JavaScript 程式庫快取在瀏覽器，加速上網更省流量（Chrome 擴充功能）
在設計網站或部落格時經常使用一些外部的 JavaScript 程式庫，例如最常看到的 jQuery、AngularJS 或 CSS 框架，但 JavaScript 程式通常伴隨著拖延網站載入速度…
CDNPerf 監測七大開放式免費 CDN 服務，查詢延遲時間和上線率資訊
我之前寫過一篇關於「免費開放式 CDNs 服務」的整理介紹，這類服務針對網頁開發者提供，主要用於托管用於網頁的開放原始碼專案，例如常見的 jQuery、Boostrap、…
Locki 讓訪客幫忙翻譯網站！建立多國語言網站最簡單工具推薦
剛好前段時間陸陸續續研究了如何建立多國語系網站，對於一些中小企業官方網站來說，如果想要觸及更多可能的潛在用戶，讓網站支援更多語言或許是可行的方法。相…
嵌入 YouTube 影片為音樂播放器教學，僅保留音樂點擊自動播放
如何將 YouTube 影片的「音樂」部分嵌入網站呢？或許很多人遇過類似問題，通常解決方法是利用轉檔工具擷取 YouTube 影片並轉檔為 MP3 格式，例如 JAYC.Aud…
這服務野心很大！「night night.みんな」網站睡眠讓你我更健康
睡眠是許多現代人的共通問題，該睡的時候睡不著，很多時間可能都耗費在沒有意義的事情上，例如上網或滑手機，久而久之就養成了晚睡的習慣。雖然賺錢和努力邁向…
IntroBar 為特定來源訪客顯示歡迎訊息，方便網站發佈通知增加曝光效果
對我來說，做網站最大的挑戰是如何讓訪客在進入網站後以最短時間獲取最大量的資訊，說起來容易，做起來卻很困難，尤其在訊息流動快速的現代，可能網站晚個幾秒…
Emotify 為網站加入心情投票按鈕，依照使用者喜好推薦相關文章
記得幾年前開始流行在新聞網站或部落格加入「心情」功能，讓讀者在閱讀內容後可以快速點選想法投票，不用輸入留言來提高使用者參與度，其實是非常聰明的作法。…
Font Fit 在你的網站上測試各種字型排版，即時預覽字體大小顏色樣式
設計網頁時排版和色彩選擇非常重要，其中色彩可以參考「BrandColors」從世界知名品牌標準色來獲得靈感，或是一些我曾經介紹過的配色工具；排版的話考量到字型和…