2024 iThome 鐵人賽

2024 iThome 鐵人賽

Share More Gain More

Modern Web

最新文章熱門文章

選手 90 文章 2138

Day 6

2024-09-19

351

0

30天打造個人簡易旅遊網站系列

Day 6： UI定稿及設計Sitemap

在經過Day 4以及Day 5生成的畫面後，我決定以Galileo AI 為參考模板，直接將Galileo AI複製至Figma．並且進行修改，雖然我不是專業U...

Day 27

2024-10-03

351

0

CSS的預處理器-SASS/SCSS 系列

DAY 27.SCSS 項目的組織與規範

在使用 SCSS 進行樣式開發時，有時候是需要屯隊合作的，因此維持項目的可維護性非常重要。以下是一些建議，包括命名規範與文件結構的最佳實踐。一、如何保持 SC...

Day 28

2024-10-09

350

0

GitHub Pages實作筆記系列

DAY28 原生CSS

昨天提到預處理可以支援更多，巢狀、函數等等功能，不過會發現在DAY14 文字右移效果的時候，我並沒有加入預處理器。 CSS 巢狀（上次更新時間：2023-03-...

Day 20

2024-10-04

350

0

無限...寶石？畫布啦！系列

Day 20 | 等等，不行這樣！

今天應該是我最後一篇直接對無限畫布新增功能的開發。之後真的都會比較偏向應用方面的文章，還有重構拉哈哈哈...哈..哈（小聲今天的主題是限制！什麼是限制呢...

團隊菜很長團

Day 12

2024-09-20

350

0

雙向奔赴的websocket與冰冷的react 系列

[day12]React基礎教學(2)事件綁定\useState

事件綁定指的就是將dom元素與function綁定再一起，以下會說明React會如何使用方法一：純function 無需修改，這部分的描述是正確的，這是一...

團隊 NUTC imac

Day 23

2024-10-01

350

0

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

Day23 - 漫畫圖片濾鏡效果

這篇文章要介紹如何利用 CSS 創建一個「漫畫風格」的圖片濾鏡效果 HTML 創建一個容器 comic-effect，包含一張圖片和一個疊加效果的 div &...

團隊 NUTC imac

熱門文章

熱門系列

鐵人選手

幕村琉德滑

工商時間