WebDong Logo WebDong
  • 關於
  • 文章
  • 工具
  • 短文
    New
  • #18

    處理金錢、單位、時間的轉換原生 JavaScript 就辦得到

  • #17

    關於純手工

  • #16

    想要快速視覺化網頁元素之間的邊界可以怎麼做?

  • #15

    資料庫圖示的來由

  • #14

    想要及時編輯預覽網頁內容可以怎麼做?

  • #13

    你能說明設計系統與元件庫在網頁領域中的差異嗎?

  • #12

    舉例 Radix、Headless UI,為什麼無樣式元件這麼熱門?

  • #11

    關於經營部落格

  • #10

    建構正確的網頁 UI 不應該是個麻煩的問題

  • #9

    AI 取代人類的恐懼

  • #8

    如何驗證客戶端資料的正確性

  • #7

    關於經營部落格

  • #6

    製作了部落格想要額外添加文章搜尋功能該怎麼辦?

  • #5

    推薦免費網頁圖片編輯器

  • #4

    你有多久沒有升級專案的套件版本了呢?

  • #3

    與朋友的 TDD 觀念閒談

  • #2

    你會如何解這個下拉式選單樣式問題呢?

  • #1

    使用 Iconify 在網頁中加入各式各樣的圖示

    要在網頁中使用任何種類的 Icon 強烈建議可以考慮使用 Iconify🔗 (開源)。

    Webdong Posts

    我自己公司原先是使用 FontAwesome,部落格則是自己找 Icon 開 Figma 切好且用 SVGO 去壓縮,不管哪種方式都超麻煩!還時常有找不到理想 Icon 的問題,直到專案架構升級無意間碰到 Nuxt icon 可以引入 Iconify 的資料集就愛上這個套件,現在想用哪款 Icon 就用,省了一堆麻煩問題。

    今日部落格更新推出也是將所有文章換成用 Iconify:

    • Inline SVG 直接砍掉近百個圖片請求
    • 文章頁 170 kb -> 93 kb 就算不馬上用,到 Icônes🔗 找找各式 Icon 也是挺方便的。
CC BY-NC 4.0
  • Thread
  • GitHub
  • RSS