Hamsterism | Tools

[Can I Use] CSS相容性檢索

輸入CSS樣式來搜尋該樣式相容的瀏覽器版本。

[EMOJIALL] 表情符號辭典

快速查找、複製你要的emoji。

[Express Route Tester] 將route轉換成RegExp

輸入JavaScript路徑變數，轉換成正規表達式(RegExp)。

[Figma] 線上向量圖形編輯製作工具

提供免費線上向量圖形編輯，前端設計必備。

[keycode] Javascript鍵盤按鍵代碼查詢

免費線上快速查詢鍵盤按鍵之event.keyCode，按下按鍵顯示該數值。

[OnlineConvertFree] 免費線上圖片轉檔

提供各式圖片檔案轉換，可轉成向量圖、ai檔。

[PageSpeed Insights] 網站效能分析

由Google提供的線上檢測指定網站之桌機/行動版效能。

[palettable] 主題配色工具

免費線上選色配色工具，可快速配出網頁設計主、副色。

[Specificity Calculator] 計算CSS selector的特異性

由Keegan Street製作，可快速查看CSS selector's specificity計算後的數值。

[Squoosh] 圖片壓縮工具

免費線上圖片壓縮工具，可用於優化網頁圖片載入效能。

[WorldVectorLogo] 各式logo下載

免費查詢、下載你需要用到的logo。