想記錄自己從平面設計開始踏入網頁設計的學習過程,並與他人分享一些知識點,也許是之前學習時不曾了解的抑或是時間久了而遺忘的,都能藉由複習這些文章來拾取記憶的破片。
前情提要 昨天介紹bootstrap的SCSS自訂,今天要來看他有哪些好用的元件,另外通常許多有功能的元件都會需要載入JS 元件介紹 1. 手風琴 (Accor...
前情提要 昨天介紹了bootstrap的元件,今天要進入AAPD切版的最後一天了 觀察設計稿 日期-swiper 角色IP-swiper 開始實作 這次的...
前情提要 讓我們回到程式家教的設計稿,今天要切的是登入註冊的頁面 觀察設計稿 通常看到每一頁header都會有登入按鈕,而且是屬於modal的呈現方式,那就...
前情提要 昨天切登入註冊的頁面,今天要來切預約課程的介面 觀察設計稿 這個是目前看到算很常出現的設計稿形式,一看就會知道應該要用偽元素,但是我一直沒有辦法很理解...
前情提要 昨天花了很多時間手刻元件,就只切了最上面的部分,結果根本就有bootstrap元件可以用真是太難過了 觀察設計稿 電腦版左邊課程資訊懸空在右邊的報...
前情提要 切了幾天的程式助教網頁終於到達尾聲了,接下來是結帳頁 觀察設計稿 開始實作 首先是結帳頁,這個已經算是很常見的版型,一樣用bootstrap的表單來...
前情提要 昨天切了結帳頁跟付款頁的介面後,今天要來用Jquery轉換頁面的狀態 關於Jquery jQuery 的主要功能和特點: 簡化 DOM 操作:jQu...
前情提要 今天開始沒有新的專案要開發了,所以會找一些技巧或觀念來記錄,例如最近使用bootstrap發現一個問題,就是className怎麼越來越難想,而且一不...
前情提要 隨著最近越看越多網頁程式碼,就看到越來越多種CSS觀念與技巧,包含昨天的BEM命名以及今天要介紹的CSS選擇器,雖然這應該是很早就要介紹的,但是後來才...
前情提要 到記錄完CSS選擇器之後,目前我就暫時沒有CSS實戰相關的知識點了,而程式助教練習與AAPD專案也都告一段落了,因此這篇就是將我們的程式碼部署到git...