工作的時候，除了常聽的音樂外，有時候播放些白噪音當背景音樂，可以幫助自己更專注。
閱讀全文〈好站：Focus Sounds 免費白噪音挑選播放〉
標籤: tool
Google 輸入工具：瀏覽器的各種語言輸入法
在外面使用電腦，或者在國外使用電腦，想要打中文卻沒有輸入法可以用，該怎麼辦呢？
- 註：當然可以輸入英文就好... 但是總是會遇到需要輸入中文的時候~
好站：追蹤網站狀態的平台「Downdetector」
GitUI：Linux CLI 查看 Git Repository 的圖形化工具
微軟釋出網站追蹤、分析的服務：Clarity
現在網站幾乎每個都有 Google Analytics 的追蹤碼，擺上 GA 後，基本上也等於是 Google 可以知道這個網站的所有資料~
市面上免費的網站分析服務，除了 GA 外，還有其它免費的可以使用嗎？
httping 測試網站的 Latency 和 Throughput
想查看某個 IP 是否活著，或者 ICMP 的回應時間，可以使用 ping，但是 Web Server 也想要 ping 可以怎麼做呢？
Google 給「搜尋服務」的開發人員手冊
Google 搜尋服務除了 SEO 教學手冊外，還有專門給開發人員看的手冊。
CSS Flexbox (Flex) 模擬器
現在越來越多人在 CSS 排版使用 Flexbox，Flex 的參數非常多，於是就有模擬工具開發出來，可以左邊點點，右邊即時看結果，可以幫助理解 Flexbox 的參數
前端 Tooltip 一步一步教學的工具套件
網頁、App 常常都會有頁面介紹，會將頁面區塊框一個框框，然後旁邊秀出說明或者教學。
這些通常會在 HTML 元素旁邊，使用 tooltip 的方式秀出來，這次介紹的套件，就是秀出來外，加上循環順序的設定，就可以做出一步一步的教學等效果。
ShellCheck：Shell Script 分析、檢查工具
Bash / Sh 寫 Shell script 想要有個語法檢查的工具，而不是每次都直接跑，在看結果慢慢 Debug。
這套 ShellCheck 的分析檢查工具很強，除了檢查外，還會建議可以用什麼寫法來寫，不然常常 `` 包一下，就呼叫外部的程式來跑，有很多基本語法可以用，ShellCheck 都會有語法建議。