Transform

Transform tools 是一個免費的線上工具，專為轉換用於網頁開發與數據描述格式而設計。例如將 SVG 轉成 JSX、HTML 轉成 JSX、JSON 轉成 TypeScript 或是 JSON 轉 MySQL 及 CSS 轉 TailwindCSS 等。Transform tools 平台目前可以對 SVG、HTML、JSON、JSON Schema、CSS、JavaScript、GraphQL、JSON-LD、TypeScript、Flow 及其他，例如 Markdown to HTML 等。每種主要格式可轉換的格式各有不同，例如：JSON 格式可轉出一個 Create table 的 MySQL Script，免除還要手動的改寫的麻煩。

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

對 HTML 的初學者來說，如果有 HTML 與 CSS 相關的工具來輔助入門，將可事半功倍，以網頁的製作來看，通常都少不了 table 與 div 的應用，如果要有些變化，就需要在色彩、框線、文字、背景等多加著墨，HTML Table Styler 📅 CSS Generator 是一個免費互動式的 HTML 表格與 CSS 線上程式碼產生器，透過操作方便的調整介面，就能產生出 Gradient、Box Shadow、Text Shadow、Color、Font、Table、Column Border、Border Radius、Transform、Background 各種樣式，每種均可產生 HTML、CSS Code，且可預覽，另外，針對 table 要改用 div 也提供轉換器，讓初學過程大幅減短，兼顧工作效率。

CSS 是可以用來排版與美化網頁內各種元素的腳本語法，不論是整體布局或是內含元素的美化，均需要透過 CSS來完成，而 CSS 語法說難不難，說簡單也不簡單，尤其是對專攻程式或初學者的用戶來說，還是有學習門檻的，但還好網路上這方面的輔助工具有不少，EnjoyCSS 便是其中的一個，透過該網站所設計的介面，使用者僅需調整所需要參數，便可以輕鬆產生網頁常用到的元素，像是文字、輸入欄、按鈕、區塊會使用到的 Text、Background、Shadows、Border and Radius、Transition、Transform 等效果的 CSS 或是 LESS、SCSS 腳本語法，且還提供各瀏覽器所支援的程度，讓你可以快速佈局到自己的網頁內。

想要對圖片進行編輯又覺得使用 Photoshop 之類的軟體來操作可能會太複雜時，可以來試試 ImgTransformer 這套包含剪裁、轉格式、明暗度調整、加入相框、浮水印、文字、旋轉...等功能的圖片編輯軟體，操作簡單，功能明確，簡單好用。