在網頁裡如果要放入 Email 鏈結，就必須在超連結加上 mailto: 語法，事實上不建議在網站裡直接顯示電子郵件地址，一來有可能變成垃圾郵件（SPAM）寄送的目標，另一方面點選電子郵件鏈結後經常跳出的不是使用者慣用的 Email 工具也會造成困擾，之前我曾介紹過一個瀏覽器外掛「I hate mailto 點選 Email 不自動打開郵件軟體，將郵件地址複製到剪貼簿」就是為了解決類似問題，可以在點選郵件鏈結時自動複製 Email 地址而不是打開郵件軟體。
Open Source
為什麼你們就是不能加個空格呢？自動在中文和英文、數字符號間插入空白（Chrome 擴充功能）
最早曾在 2012 年介紹過這個有趣卻很實用的 Google Chrome 外掛，對於平常上網經常覺得中英文之間不加空格渾身不自在的朋友來說很有用，不知道你有沒有相同感受？無論是一般網站、新聞、部落格文章都有不同的排版方式，如果有好的文字大小、間距和配色就會讓讀者在閱讀上較為輕鬆，而其中一個很重要的部分在於全形和半形應該使用空格分開，否則就會使內容看起來太過擁擠。
FasterChrome 提升瀏覽網頁速度，點選連結前預先載入頁面（Chrome 擴充功能）
還記得之前介紹過讓網頁載入更即時、只需要加入一段程式碼的 instant.page 嗎？這是一個相當有趣的站長工具，利用一小段原始碼就能讓瀏覽者有速度變快的錯覺，一般來說，我們在點選鏈結後瀏覽器才會開始載入下個頁面，透過 instant.page 則會變成「當滑鼠游標移動到超連結」就預先載入內容，可能只有幾毫秒差別，卻會有一種載入變快的感覺，事實上還真的對於使用者體驗有加分效果。
Darkmode.js 為網站加入深色模式，只要一段程式碼就能實現
macOS 10.14 Mojave 加入全新「深色模式」功能，iOS 13 預告也會加入此模式，如果你曾經將電腦切換為深色，應該會發現有些應用程式可完美支援，也會一併轉為暗色介面，但在不支援深色模式的應用程式表現出來的顏色會更刺眼，嚴重影響到使用體驗。如果你是應用程式開發者，可能後續都得再加上對於深色模式的支援，讓顏色更接近暗色，亦可在使用者選擇不同模式時自動調整為最合適的配色效果。
CSSFX 最美的 CSS 動態效果一鍵複製，提升使用者操作體驗
前陣子介紹過「CSSeffectsSnippets 收錄 CSS 動態效果，線上預覽一鍵複製程式碼」這個很有趣的網站，事實上現今 CSS 樣式表可以做的事越來越多，甚至透過幾段原始碼達到動態效果，看起來不僅互動性高，還能提升使用者體驗，完全不用額外載入其他的 JavaScript 程式庫，只不過這些原始碼不一定每個人都會寫，利用 CSSeffectsSnippets 網站直接線上預覽，找到需要的動態效果後就會給出相關 CSS 原始碼（和早期在學習做網頁很像）。
IG:dm 在電腦上使用 Instagram 訊息功能，支援 Windows、Mac 和 Linux
經常有朋友跑來問我：要如何在電腦上使用 Instagram Direct 訊息功能？雖然有一些消息顯示 Instagram 正在將「小盒子」搬上網頁版，但截至目前為止仍未出現，也沒有一個比較好的解決方案。一直以來我都使用 Flume for Mac 應用程式回訊息，其他像是 Chrome 擴充功能就真的很零散，有些只能閱讀訊息而無法回覆，大部分都偏向於 Instagram 相片瀏覽功能，但話說回來 IG 私訊功能已經變成很多人每天必用的工具，尤其是一些以 Instagram 做為宣傳行銷的店家或品牌，更即時、快速回覆訊息也就顯得格外重要。
閱讀全文 » 關於 IG:dm 在電腦上使用 Instagram 訊息功能，支援 Windows、Mac 和 Linux