2024 iThome 鐵人賽

2024 iThome 鐵人賽

Share More Gain More

Modern Web

最新文章熱門文章

選手 90 文章 2138

Day 17

2024-09-17

2574

0

Spring Boot API 開發：從 0 到 1 系列

Day 17 Spring Boot 與 H2 資料庫

在開發過程中，我們經常需要一個輕量級的資料庫來快速驗證想法或進行原型開發在 Java 的 solution 裡面，經常使用 H2 來做為這樣子的資料庫讓我...

Day 7

2024-09-16

2550

0

0～1 的 Design System 之旅系列

第七篇-好工具-figma-component

什麼是 component（組件）呢？它就像樂高玩具裡面一個個組好的零組件。舉個例子：如果你想組一個辛巴（獅子王），當你把買回來的樂高盒子打開，就會看到大量...

Day 13

2024-09-27

2529

0

Super Easy CSS，極度簡單 PART 2！寫出漂亮的 CSS 系列

#47 一次搞懂 CSS 各種混合模式：mix-blend-mode/ background-blend-mode

mix-blend-mode 和 background-blend-mode 能讓元素或背景顏色和它們背後的元素或背景進行混合，從而產生不同的視覺效果。這些效...

Day 24

2024-10-02

2508

0

為你自己寫 Vue Component 系列

[為你自己寫 Vue Component] AtomicSelect

下拉選單（Select）在表單操作中非常常見。使用下拉選單可以在有限的空間內顯示大量選項，透過點擊來展開選單，使用者可以輕鬆瀏覽並選擇其中一個或多個選項。無論...

Day 12

2024-09-26

2505

0

Super Easy CSS，極度簡單 PART 2！寫出漂亮的 CSS 系列

#46 CSS 濾鏡 filter/ backdrop-filter：模糊、透明圖片加陰影、調色、毛玻璃、漸進式模糊效果

除了用繪圖軟體在圖片上調整色調，CSS 內建的濾鏡效果也能讓我們做到這些特殊效果，例如：模糊、變亮、對比、色相、飽和度調整等等，甚至還可以做到毛玻璃效果！今...

Day 7

2024-09-21

2502

0

轉生成前端工程師後，30步離開新手村！系列

# 用UML繪製前端系統流程圖(一)

在第二篇文章中有提到系統流程圖就是像是咖啡廳的作業流程SOP，以前端開發的角度來解釋，系統流程圖的內容會包含使用者的操作行為以及專案的技術細節(生命週期，元件載...

熱門文章

熱門系列

鐵人選手

紅茶小公主

工商時間