iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
佛心分享-SideProject30

2024學網頁切板不嫌晚 系列

想記錄自己從平面設計開始踏入網頁設計的學習過程,並與他人分享一些知識點,也許是之前學習時不曾了解的抑或是時間久了而遺忘的,都能藉由複習這些文章來拾取記憶的破片。

鐵人鍊成 | 共 32 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21: Bootstrap-元件摘要

前情提要 昨天介紹bootstrap的SCSS自訂,今天要來看他有哪些好用的元件,另外通常許多有功能的元件都會需要載入JS 元件介紹 1. 手風琴 (Accor...

2024-09-20 ‧ 由 sam7781 分享
DAY 22

Day 22: APP首頁切版

前情提要 昨天介紹了bootstrap的元件,今天要進入AAPD切版的最後一天了 觀察設計稿 日期-swiper 角色IP-swiper 開始實作 這次的...

2024-09-21 ‧ 由 sam7781 分享
DAY 23

Day 23: bootstrap卡片+表單

前情提要 讓我們回到程式家教的設計稿,今天要切的是登入註冊的頁面 觀察設計稿 通常看到每一頁header都會有登入按鈕,而且是屬於modal的呈現方式,那就...

2024-09-22 ‧ 由 sam7781 分享
DAY 24

Day 24: 偽元素進度條

前情提要 昨天切登入註冊的頁面,今天要來切預約課程的介面 觀察設計稿 這個是目前看到算很常出現的設計稿形式,一看就會知道應該要用偽元素,但是我一直沒有辦法很理解...

2024-09-23 ‧ 由 sam7781 分享
DAY 25

Day 25: 排版變化

前情提要 昨天花了很多時間手刻元件,就只切了最上面的部分,結果根本就有bootstrap元件可以用真是太難過了 觀察設計稿 電腦版左邊課程資訊懸空在右邊的報...

2024-09-24 ‧ 由 sam7781 分享
DAY 26

Day 26: 結帳頁

前情提要 切了幾天的程式助教網頁終於到達尾聲了,接下來是結帳頁 觀察設計稿 開始實作 首先是結帳頁,這個已經算是很常見的版型,一樣用bootstrap的表單來...

2024-09-25 ‧ 由 sam7781 分享
DAY 27

Day 27: 用Jquery改變ClassName

前情提要 昨天切了結帳頁跟付款頁的介面後,今天要來用Jquery轉換頁面的狀態 關於Jquery jQuery 的主要功能和特點: 簡化 DOM 操作:jQu...

2024-09-26 ‧ 由 sam7781 分享
DAY 28

Day 28: BEM命名法則

前情提要 今天開始沒有新的專案要開發了,所以會找一些技巧或觀念來記錄,例如最近使用bootstrap發現一個問題,就是className怎麼越來越難想,而且一不...

2024-09-27 ‧ 由 sam7781 分享
DAY 29

Day 29: CSS選擇器

前情提要 隨著最近越看越多網頁程式碼,就看到越來越多種CSS觀念與技巧,包含昨天的BEM命名以及今天要介紹的CSS選擇器,雖然這應該是很早就要介紹的,但是後來才...

2024-09-28 ‧ 由 sam7781 分享
DAY 30

Day 30: 部署github

前情提要 到記錄完CSS選擇器之後,目前我就暫時沒有CSS實戰相關的知識點了,而程式助教練習與AAPD專案也都告一段落了,因此這篇就是將我們的程式碼部署到git...

2024-09-29 ‧ 由 sam7781 分享