2024 iThome 鐵人賽

2024 iThome 鐵人賽

Share More Gain More

Modern Web

最新文章熱門文章

選手 90 文章 2138

Day 6

2024-09-14

373

0

探索HTML 與 CSS 的動態魔法系列

Day6 - 用text-shadow和transform為文本添加動畫效果

今天要介紹如何使用 CSS 中的 text-shadow 和 transform 屬性來創建一個簡單且具有視覺衝擊力的文本動畫。這些屬性可以製作出發光、移動和放...

團隊 NUTC imac

Day 6

2024-09-14

1279

0

為你自己寫 Vue Component 系列

[為你自己寫 Vue Component] AtomicTabs

頁籤（Tabs）是一個很常見的 UI 元件，它可以讓使用者在內容上有關聯但屬於不同類別的資料或畫面之間切換。例如，我們可以用它來切換「娛樂」、「科技」、「股市...

Day 11

2024-09-14

1942

0

100 種 Figma 設計的方法｜UI/UX 設計專欄系列

Dark Mode 暗色模式｜100 種 Figma 設計的方法

100 種 Figma 設計的方法｜UI/UX 設計專欄 Figma 是一款 UI/UX 使用者介面與體驗設計軟體，專用於介面設計和原型製作，能讓多名設計師同...

Day 1

2024-09-14

1088

3

要不要 Vue 點酷酷的元件？系列

D01 - 行前須知

緣起源自公司內部練習專案，靈感來自於以前看到一個名為「最糟糕音量控制設計大賽」的有趣比賽。簡單來說就是設計奇奇怪怪的元件。別看這些元件好像很沒用，實作起來...

團隊鐵齒不信寫不完

Day 6

2024-09-14

680

0

ASP.NET Core的終極奧義：從零到無敵系列

Day_6 創建模型與資料庫連接

在ASP.NET Core中，模型負責應用中的數據管理，並與資料庫進行交互。透過Entity Framework Core，我們可以輕鬆地定義模型並建立與資料庫...

團隊 NUTC imac

Day 3

2024-09-14

273

0

蓋一個自己的 Nuxt 3 UI Module 系列

元件製作 button

按鈕狀態製作按鈕前要先規劃按鈕會有哪些狀態，與其在不同狀態下的樣式例如： hover: 當滑鼠移動到上面的狀態 active: 當使用者點下後的狀態 fo...

熱門文章

熱門系列

鐵人選手

工商時間