IT上菜

使用 AI 輔助寫程式碼、文章、簡報和產圖，可以大幅提高效率。那麼，如果我們想利用 AI 來生成網頁布局，該怎麼操作呢？HTML Wave AI 是一個非常有用的網站，它讓用戶可以用文字描述他們想要的網頁布局，然後直接生成相應的 HTML 及 CSS 語法和 JavaScript 程式碼，而這些生成的語法與程式碼符合自適應網頁設計（Responsive web design，RWD），並且我們可以在線上即時預覽網頁效果。

閱讀全文

使用 Icofont 非常簡單，每個圖示除了有字體可用，還有 svg 圖檔可以下載，特別值得一提的是，大部分的圖示字型若要運用到網頁內，即便是只用到幾個圖示字型，還是必須全部加載到網頁，無法分割，但 Icofont 提供收藏功能，可以將用到的圖示字型額外打包應用，如此一來，網頁加載效能就快多了。

閱讀全文

HTML CSS TOOLS 網站，則是將網頁上常用到的 CSS，例如 Text Formatting、Layout、Background、Borders 及 HTML 會用到的 Embedding、Form 等做出範例，而這些範例會提供參數讓用戶可以自行更改，每次更改就會反應到範例，讓用戶可以透過範例學習，而這些都會產生相對應的 HTML 及 CSS 語法，複製就可以使用。

閱讀全文

Quirky 是一個無須註冊也不會限制使用次數就可以產生網址 QRCode 的免費網站，其特色就是透過文字指令描述想要產生的圖片，例如 tree、cat 等，就能產生相對應的圖片並將其融入 QRCode 內，讓 QRCode 看起來更像是一幅畫，每次可以產生四張，但不保證張張都可能被讀取。

閱讀全文

Squoosh 是一個由 Google Chrome 團隊開發的免費線上圖片壓縮工具，非常適合一次只處裡一張圖片的用戶，支援多種圖片格式，包括 JPG、PNG、WEBP、AVIF 等，可自訂性相當高，包括可調整壓縮品質、畫素、重設圖片大小等參數，至於壓縮成效如何？Squoosh 可以讓用戶在同一個畫面上，比較原始圖片和壓縮後的圖片之間的差異，快速找到最適合的壓縮設定值。

閱讀全文

現在 Windows 11 在「設定」>「個人化」視窗中，增加「字型」選項，打開該視窗，我們直接就可以看到所有字型檔內的字型樣式，不需要一個一個檔案開啟才能預覽，讓挑選合適字型變得更一目瞭然，非常好比較，另外，除了預覽，該字型視窗不僅可以預覽字型樣式，還可以安裝及解除安裝字型，讓字型管理變得更加系統化。

閱讀全文