鐵人檔案
想記錄自己從平面設計開始踏入網頁設計的學習過程，並與他人分享一些知識點，也許是之前學習時不曾了解的抑或是時間久了而遺忘的，都能藉由複習這些文章來拾取記憶的破片。
前情提要 昨天做完了首頁，今天要再開一個新頁面[課程資訊頁] 觀察設計稿 1.卡片與swiper2.挑戰在同一段程式碼寫響應式 開始實作 要開始寫第二個頁面需...
前情提要 昨天做完[課程資訊頁]，今天要再開一個新頁面[詳細課程資訊頁] 觀察設計稿 這次頁面偏複雜，但非常簡單已經玩不出甚麼花樣了。當我們檢視格線時，會發現...
前情提要 由於目前有在進行新的專案，為AAPD的設計稿切版，因此會先開始紀錄開發這邊設計稿的問題與重點 表單設計 基本的登入頁都會需要輸入帳號、密碼等資訊，由...
前情提要 昨天介紹了表單的做法，今天本來要開始切版，但有個更重要的事情，就是我不會跟別人合作開發，完蛋惹 實際做法A (本機推上github儲存庫) 安裝gi...
前情提要 昨天跟今天介紹git，這篇會有比較深入的git操作 實際做法 (本機推上github儲存庫) git checkout -b feature/me...
前情提要 雖然git還是沒有到很熟，但一些基本的指令都可以再回來複習，實戰久了應該就會記得了，到時候再來把git的知識及情境做補充 vscode手機即時畫面開發...
前情提要 昨天介紹了一下display-grid，目前還沒有很常用到他，尚未接觸到有很多圖片排列的設計稿，以後有更多案例及實作技巧會繼續補充 觀察設計稿 今天要...
前情提要 昨天介紹了input type: range，今天要介紹一下display: flex的進階應用 flex是甚麼 flex是一種排版方式，可以讓元素並...
前情提要 上次切了拉軸的版面，今天輪到比較輕鬆的頁面，做歡迎頁的動畫效果 觀察設計稿 這次的需求很簡單，就是讓五個IP在頁面載入時從底下浮現，並且希望有些微時間...
前情提要 昨天介紹了基本的CSS動畫，今天要單純以bootstrap套件自訂為主題，紀錄他的_variable.scss怎麼用 關於變數 :root{//全域變...
