學習目標
了解 auto-fit 與 auto-fill 的差異
學會使用 minmax() 實現彈性網格
練習 repeat() 自動生成欄位
使用 gri...
接下來就CSS語法,另外一個極其重要的功能就是排版,即針對元件相互間的排列與展示,進行控制,以讓網頁瀏覽者可以看到整齊且經過設計的視覺呈現。
元件的排版,所處理...
今天主要在做整體測試,從 「未登入直接使用計時器」 一路走到 「登入 → 完成任務 → 發文 → 追蹤 → 聊天分享」 的完整流程,把可能遇到的使用場景都跑過一...
昨天我們學了 Flex & Grid 排版,今天讓我們學習 CSS 的核心屬性之一:display,它決定元素的「顯示方式」,為掌控排版的基礎!
di...
在今天,我會把整個系統的運作邏輯整理清楚,這篇文章會介紹專案目的、整體架構、使用技術,以及我設計的資料流。
一、專案目的
FlowNest 是一個讓我自己「專心...
before/after 效果 成果展示(3)
近期 1/7 比例的商業化模型公仔非常流行,我們這次使用 AI 將單張人物照片轉換成逼真的 桌面展示公仔。透過...