一直以來都在嘗試各種不同鍵盤帶來的手感,從 Filco、Realforce 一路打到 Leopold,剛好最近看到一篇 PTT 網友開箱文,在測試鍵盤打字時就錄製一段敲打影片,當然主要也是讓大家聽聽看鍵盤的聲音,很好奇在試打鍵盤時應該要用什麼方法測試比較準確呢?不外乎需要一段可以看著輸入的內容,這時候就能考慮使用打字練習工具,讓你在輸入時可以知道自己按下按鍵是否正確,或是測試自己的英打速度。
程式碼
Dev Fonts 適合開發者的免費字型下載,線上套用字型預覽程式碼效果
一般的純文字編輯器不一定適合編寫程式碼,透過專業的程式碼編輯工具可針對程式語言上色,在閱讀時更省力,也減少因為誤判造成的問題,最重要的是使用等寬字型(Monospaced Font)閱讀程式碼,有一些字型專門為程式碼編輯器或終端機工具設計,像是微軟的 Cascadia Code、JetBrains Mono、Iosevka 或是 Hack 等等,或許你也有自己慣用的等寬字型。如果想找找其他選項,Programming Fonts 收錄 50 種最適合寫程式的字型也能線上比較。
Diffchecker 2.0 線上程式碼差異比對,也可比較文件、圖片、PDF 檔案
我曾在五年前介紹過 Diff Checker 文件檔案比對工具,後來也成為我喜愛的工具之一,對於經常編寫程式碼的開發者來說透過 Diff 可以協助找出兩個檔案間的差異性,比對原始碼在不同時間版本做過那些異動。雖然 GitHub 或類似的程式庫都已內建此功能,但很多時候我們不想將檔案上傳,一般文字編輯器也有比較兩份文件的功能,不過在操作上我認為還是 Diff Checker 好用。
ToHTML 將程式碼上色轉為 HTML 使用於網頁更易於閱讀

為了讓閱讀程式碼更方便,編輯器通常都會內建高亮(Highlight)功能,上色後讓使用者編寫原始碼更流暢,如果想在網頁上呈現類似效果,WordPress 有外掛程式提供程式碼高亮功能,或是使用 GitHub Gist 服務轉換後貼到網頁上也能達到類似效果。之前曾經介紹過像是「hilite.me 線上將程式碼加上高亮效果,免載入 JavaScript、CSS」可以直接將代碼轉為帶有色彩的 HTML 原始碼,或是使用 Carbon 轉為圖片也很特別。
Detailed SEO Extension 快速得知網頁的搜尋引擎最佳化相關資訊(Chrome 擴充功能)
通常在網站流量出現變化時網站管理者會去探究原因,如果你的訪客多為來自搜尋引擎的自然流量,有很大機會是搜尋引擎排名下降或類似問題,當然各家公司使用的演算法技術是商業機密,但通常都圍繞著一些大原則,像是被我視為最重要的 Google 搜尋引擎最佳化入門指南就是最核心的參考書,當中有提到使用正確語法清楚表達網頁資訊。
JetBrains Mono 更適合閱讀程式碼的等寬字型,內建四種字重斜體可商用
這幾年不少大公司都把字型開放出來讓需要的使用者可以自由下載使用,例如微軟專為新的終端機程式設計的 Cascadia Code,美國政府在 USWDS(U.S. Web Design System)設計的 Public Sans,IBM 公司自行開發的 IBM Plex 字型,或是由 Red Hat 贊助以 Highway Gothic 為靈感設計的 Overpass Font 等等,這些字型都有非常高的品質,針對特定功能或需求而生,更重要的是授權方式清楚,使用時也不用擔心侵權等問題。
Cascadia Code 微軟釋出免費等寬字型,開源更適合程式碼編輯器和終端機
寫程式必備!Microsoft Docs 收錄數千個程式碼範例,還可連結到 GitHub
雖然平常很少去看 Microsoft Docs 說明文件,但得知微軟將網站內部的程式碼範例集合起來還是相當興奮,畢竟這些程式碼可能四散在不同服務上,對開發者來說,範例通常有助於學習一項新技術,就像按圖索驥可以從現有的程式碼來拼湊出雛形,而開發者選擇使用 Microsoft 產品或服務時就能透過說明中心的程式碼範例輕鬆入門。
HEAD 網頁開發參考手冊,收錄 HTML5 在 head 可用標籤及範例說明
修復 WordPress Gravatar 大頭貼圖片遺失 ALT 標籤 SEO 問題
本文參考資料 Missing WordPress Gravatar ALT tag value? How to fix, 原作者 App Shan。
如果有使用 WordPress 架站的話一定對 Gravatar 不陌生,Gravatar 算得上十年來最流行的大頭貼服務,只要在網站上以 Email 註冊一個帳號,上傳頭像與該信箱地址連結,在支援大頭貼功能的部落格留言後就會顯示你的頭像,而最多人使用的 WordPress 平台就支援 Gravatar(畢竟他們也是同一家公司 Automattic 旗下的項目)。即使現在比較多網站直接使用 Facebook 留言框取代內建的留言功能,依然會在作者介紹的欄位使用 Gravatar 大頭貼。