於 Mac 最常使用 iTerm2,iTerm2 搭配 imgcat 的話,就可以於命令列直接將圖片顯示出來。
標籤: tool
Google 釋出網頁速度測試工具
Google 釋出網頁品質檢測的工具,依照 手機版網頁友善度、讀取速度、桌機版網頁讀取速度進行等三個選項進行評分。
網路速度 線上測試服務工具
拉新的光纖,來測試看看網路速度如何。
測試網路速度有下面一些可以使用:
Python 依照 PEP 8 規格自動排版工具
Python 因為縮排方式可能會造成程式爛掉的問題,所以想要找貼上 Code 後自動 formatter 的工具,一直都找不到 (所以這條路還是放棄,貼 Code 還是用 :set paste 解決)。
不過於多人合作開發,統一格式還是比較方便,官方有定義 PEP8 的 Style Guide,而且有工具可以自動排版,此篇來整理如何使用 + 搭配 Vim 快速鍵可以怎麼做。
好站: jQuery 對應 純JavaScript 的程式碼
IE9 後,JavaScript 在各個新版瀏覽器的語法差距越來越小,語法也簡化了不少,可以考慮慢慢移除 jQuery 的支持了,而且整個速度會快很多。
這個網站把 jQuery 的 function 列出來,並且跟 純JavaScript 程式碼做對照,直接複製貼上就可以轉換。
Google Design 推出 Resizer 來測試 RWD 顯示效果
現在網頁製作需要考量桌機、手機、平板,然後每個裝置都還有不同的長寬 / 解析度(可參考:Responsive UI - Layout)等等,有沒有哪個工具可以快速切換觀看?
線上 x86 模擬器
CLI 查詢天氣的網站工具 wttr.in
於 CLI 的環境想要查看這幾天的天氣狀況? 在 Linux / Mac 的 Terminal 環境,或者只要有支援 curl 的環境都可以玩玩看這個工具。
好站 - 查詢網站是使用哪些套件來組裝製作
網站使用的是 Apache? Nginx? PHP? ASP? 有使用 jQuery? 有使用哪些 Open Source 的套件? 有安裝 Google / Facebook / Yahoo! .. 等等的模組?
此網站可以協助查出這些資訊,版本也都會一起列出來 (註:還是網站本身有秀出這些資訊才抓的到),可以查看看網站是用什麼做的。
註:此 Chrome 的外掛也可以做類似的事情:Wappalyzer - Chrome 線上應用程式商店
mycli - MySQL CLI介面的自動完成工具
MySQL CLI 介面雖然不錯用,但是有些語法偶爾就是記不住,或者是懶得打,輸出的頁面會需要 less 或 more 暫停等等,這個工具提供不錯的助手。
由此動畫圖片就可以理解(圖片取自官方網頁)