Google 釋出網頁速度測試工具

Google 釋出網頁品質檢測的工具,依照 手機版網頁友善度、讀取速度、桌機版網頁讀取速度進行等三個選項進行評分。

閱讀全文〈Google 釋出網頁速度測試工具〉

網路速度 線上測試服務工具

拉新的光纖,來測試看看網路速度如何。

測試網路速度有下面一些可以使用:

Python 依照 PEP 8 規格自動排版工具

Python 因為縮排方式可能會造成程式爛掉的問題,所以想要找貼上 Code 後自動 formatter 的工具,一直都找不到 (所以這條路還是放棄,貼 Code 還是用 :set paste 解決)。

不過於多人合作開發,統一格式還是比較方便,官方有定義 PEP8 的 Style Guide,而且有工具可以自動排版,此篇來整理如何使用 + 搭配 Vim 快速鍵可以怎麼做。

閱讀全文〈Python 依照 PEP 8 規格自動排版工具〉

好站: jQuery 對應 純JavaScript 的程式碼

IE9 後,JavaScript 在各個新版瀏覽器的語法差距越來越小,語法也簡化了不少,可以考慮慢慢移除 jQuery 的支持了,而且整個速度會快很多。

這個網站把 jQuery 的 function 列出來,並且跟 純JavaScript 程式碼做對照,直接複製貼上就可以轉換。

Google Design 推出 Resizer 來測試 RWD 顯示效果

現在網頁製作需要考量桌機、手機、平板,然後每個裝置都還有不同的長寬 / 解析度(可參考:Responsive UI - Layout)等等,有沒有哪個工具可以快速切換觀看?

閱讀全文〈Google Design 推出 Resizer 來測試 RWD 顯示效果〉

好站 - 查詢網站是使用哪些套件來組裝製作

網站使用的是 Apache? Nginx? PHP? ASP? 有使用 jQuery? 有使用哪些 Open Source 的套件? 有安裝 Google / Facebook / Yahoo! .. 等等的模組?

此網站可以協助查出這些資訊,版本也都會一起列出來 (註:還是網站本身有秀出這些資訊才抓的到),可以查看看網站是用什麼做的。

註:此 Chrome 的外掛也可以做類似的事情:Wappalyzer - Chrome 線上應用程式商店

mycli - MySQL CLI介面的自動完成工具

MySQL CLI 介面雖然不錯用,但是有些語法偶爾就是記不住,或者是懶得打,輸出的頁面會需要 less 或 more 暫停等等,這個工具提供不錯的助手。

由此動畫圖片就可以理解(圖片取自官方網頁)

閱讀全文〈mycli - MySQL CLI介面的自動完成工具〉

將圖片轉換成 CSS 的線上服務

這個服務做的很有趣,拖拉任何圖片上去,都可以幫你轉換成 CSS Code,然後直接將此圖片畫在頁面上。

  • 詳見:img2css - This is a tool that can convert any image into a pure css image

註:測試建議丟小張點的圖片,此服務看來是依照每個 px 的色碼分析後,全部照著寫出來,圖片太大張的話,產生出來的文字會很驚人。