首頁線上工具開發工具 CSS Grab n' Go Editor 可視化 CSS 語法產生器 階層樣式表 (Cascading Stylesheets,CSS) ,最主要的功能就是讓 HTML 網頁上的元素套用不同的樣式,讓同一個元素可以有不同的樣貌呈現,不過對於初學者而言,要了解整個 CSS 語法規則並不容易,除了時間之外,如果有輔助的工具可以協助,相信可以更快的跨過門檻,CSS Grab n' Go Editor 是個可視化的 CSS 語法編輯器,其主要鎖定 border、box-shadow、text、filter、transform 常用屬性進行變化,用戶可以透過可操作的面板進行屬性值變更,且立刻可看到所產生的變化,完成整個調整,還可以快速產生 CSS、SASS、SCSS 及 LESS 相關語法,快速套用到元素上。 §相關文章,還可以參閱:Responsive Viewer:檢視網頁在行動裝置上的呈現效果,可直接操作與截圖SiteLocity 將網頁從外部引入的 CSS 合併並最佳化Gradientos 線上色彩漸層圖片與 CSS 語法產生器Database diagram Tool 免費的 ER Model 圖產生器CSS Flexbox Generator 視覺化操作 Flex 屬性產生相對應的 CSS 語法 如何使用 CSS Grab n' Go Editor 產生 CSS 語法? 1.使用瀏覽器進入 CSS Grab n' Go Editor 網站,調整右側各項屬性值會立即呈現在左側較大這欄。 2.點擊屬性旁的 i,會連結到 MDN web docs,取得更多的教學範例及說明。 3.點擊 CSS、SASS、SCSS 或 LESS,就可取得相關的 CSS 語法。 CSS Grab n' Go Editor網站網址:https://cssbuilder.veliovgroup.com/
IKnowWhatYouDownload 我知道你用 BT 下載過什麼IKnowWhatYouDownload 是個利用 IP 位址分析該 IP 利用 BT 網路的 Torrents 下載過什麼檔案的線上分析工具,有了這層關係,就可以統計出各區域、相關熱門檔案的相關分析數據,不過多數的 IP 是共享的,像是社區網路類型,取得該 IP 並不能代表該用戶就真正下載過這些檔案,另外,該線上應用除了分析自己用該 IP 所下載的檔案數據外,還會列出鄰近幾個 IP 位址的下載情況。
透過 Resize Images 網站,免費對圖片進行尺寸調整、裁剪或壓縮要放在網頁上的圖片,我們期望的是解析度高但檔案小,不過這樣的要求似乎很難兩全其美,只能盡力而為,Resize Images 是個線上可批次對圖片進行尺寸調整、裁剪、壓縮、旋轉及轉 webP 圖檔格式的免費網站,其操作相當簡單,經過處理過的圖片,還會顯示與原始檔大小的百分比,讓用戶省去後續比較的時間,該網站應用免註冊,無浮水印,立即可用。