學習目標
理解 CSS 的三種引入方式:行內樣式、內部樣式、外部樣式
學會使用選擇器鎖定元素
熟悉顏色的表示法(名稱、HEX、RGB、HSL)
認識文字相關屬...
before/after 效果的後端邏輯
在今天的文章中,我們將專注於實現 Before/After 效果 的後端邏輯。這個功能的核心是接收使用者上傳的圖片與提...
說到在畫面中加入圖片,大家第一個想法都是使用 <img> 標籤,但是在 Next.js 卻另外提供了一個也是用來放上圖片的用法 <Image&...
前言
每天打開電腦、手機,第一眼迎接你的往往不是可愛的貓咪桌布,而是一堆通知叮叮咚咚的跳出來:訊息、提醒、優惠通知、甚至還有「你已經三天沒運動了」的健康警告。通...
今日目標
認識「狀態管理」是什麼,為什麼需要它
使用 RxJS BehaviorSubject 管理 UI 狀態(例如主題切換、技能分類、搜尋關鍵字)
建立一...
前幾篇都在介紹十大易用性原則,今天整理出 5 個最常見的 UI/UX 易用性陷阱,讓你設計時能提前避開這些地雷。☠️
1. 不清楚的狀態回饋
系統沒有明確告訴...