2024 iThome 鐵人賽

2024 iThome 鐵人賽

Share More Gain More

Modern Web

最新文章熱門文章

選手 90 文章 2138

Day 28

2024-10-06

391

0

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

Day28 - 卡片抽出效果

這篇文章要介紹如何使用 CSS 實現卡片抽出效果，當滑鼠懸停在卡片上時，卡片會略微抬起並顯示出更深的陰影效果 HTML 創建一個容器 card-contain...

團隊 NUTC imac

Day 29

2024-10-13

391

1

麻瓜的程式翻譯書《Who the hell are you XXX》系列

DAY29 一看就懂 MVC

Who the hell are you 前言當在做專案時，如果程式碼（例如 HTML、CSS、JS）全部都混在一起，雖然在瀏覽器上顯示正常，但對於開發者來...

團隊好想工作室 v8.0

Day 14

2024-09-27

391

0

前後端整合，用Spring boot 與React 開發屬於自己的記帳網頁系列

Day14 引用bootstrap並設置Header 跟 Footer

前言在創建我們第一個專案後，我們接下來就要開始寫網頁了。React本身是一個靈活度很高的框架，可以把你寫好的網頁單獨成呈現，也可以合併呈現。匯入BootSt...

Day 3

2024-09-17

390

0

使用 Three.js 打造酷酷 3D 網頁體驗系列

[使用 Three.js 打造酷酷 3D 網頁體驗] 封印解除——3D 動畫動起來吧

回顧前一篇昨天有跟著做的人可能會發現，怎麼寫出來的程式沒有畫面 XDD 可能經過一番掙扎後，才發現需要多加了一行 camera.position.z = 5...

Day 21

2024-09-24

390

0

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

Grid 網格系統｜100 種 Figma 設計的方法

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

Day 6

2024-09-20

390

0

React 學得動嗎系列

[Day 6] React狀態提升：優化組件間的資料流動

歡迎來到我們第六天的React學習！今天,我們來聊聊一個重要的React概念：狀態提升(Lifting State Up)。這個概念可能聽起來有點抽象，我們來用...

熱門文章

熱門系列

鐵人選手

新店劉以豪

工商時間