CSS Grab n' Go Editor 可視化 CSS 語法產生器

CSS Grab n&#39 Go Editor 可視化 CSS 語法產生器

階層樣式表 (Cascading Stylesheets,CSS) ,最主要的功能就是讓 HTML 網頁上的元素套用不同的樣式,讓同一個元素可以有不同的樣貌呈現,不過對於初學者而言,要了解整個 CSS 語法規則並不容易,除了時間之外,如果有輔助的工具可以協助,相信可以更快的跨過門檻,CSS Grab n' Go Editor 是個可視化的 CSS 語法編輯器,其主要鎖定 border、box-shadow、text、filter、transform 常用屬性進行變化,用戶可以透過可操作的面板進行屬性值變更,且立刻可看到所產生的變化,完成整個調整,還可以快速產生 CSS、SASS、SCSS 及 LESS 相關語法,快速套用到元素上。

§相關文章,還可以參閱:

如何使用 CSS Grab n' Go Editor 產生 CSS 語法?

1.使用瀏覽器進入 CSS Grab n' Go Editor 網站,調整右側各項屬性值會立即呈現在左側較大這欄。

CSS Grab n' Go Editor 可視化 CSS 語法產生器

CSS Grab n' Go Editor 可視化 CSS 語法產生器

2.點擊屬性旁的 i,會連結到 MDN web docs,取得更多的教學範例及說明。

CSS Grab n' Go Editor 可視化 CSS 語法產生器

3.點擊 CSS、SASS、SCSS 或 LESS,就可取得相關的 CSS 語法。

CSS Grab n' Go Editor 可視化 CSS 語法產生器

IKnowWhatYouDownload 是個利用 IP 位址分析該 IP 利用 BT 網路的 Torrents 下載過什麼檔案的線上分析工具,有了這層關係,就可以統計出各區域、相關熱門檔案的相關分析數據,不過多數的 IP 是共享的,像是社區網路類型,取得該 IP 並不能代表該用戶就真正下載過這些檔案,另外,該線上應用除了分析自己用該 IP 所下載的檔案數據外,還會列出鄰近幾個 IP 位址的下載情況。

要放在網頁上的圖片,我們期望的是解析度高但檔案小,不過這樣的要求似乎很難兩全其美,只能盡力而為,Resize Images 是個線上可批次對圖片進行尺寸調整、裁剪、壓縮、旋轉及轉 webP 圖檔格式的免費網站,其操作相當簡單,經過處理過的圖片,還會顯示與原始檔大小的百分比,讓用戶省去後續比較的時間,該網站應用免註冊,無浮水印,立即可用。