鐵人檔案
目前從事視覺設計工作，剛進入前端的初心者，希望藉由這次的鐵人賽來紀錄自己這段時間的學習，目前邊工作邊學習課程，進度不是很快，但希望每一步都走得穩一點，自學的過程不易也滿孤獨的，希望藉由這次的鐵人賽讓自己有一個里程碑的挑戰，強迫自己每天寫一點程式，並且有條理的陳述出來，做個紀錄也給自己設立目標。還請各位學長姐多多指教！
終於又來到了這個網頁的尾聲，用 footer 來結尾，想要呈現的樣式如下： footer 的內容不用太多，但目標要明確，比如在 header 沒有呈現的補充資訊...
鐵人賽寫到今天，發現到網頁的知識什麼我很熟？ 什麼我很常用？ 什麼東西寫過就忘了？ 網頁程式資料真的很多，打開 W3School 已經超多可以看，還有 jQue...
每次看 Amos 老師寫程式根本就是飛快，非常羨慕有這樣的能力，也不斷透過影片跟著老師的思維再走，看他怎麼編寫網頁的，首先先把 HTML 的架構編寫好，確認架構...
用 CSS 寫出方形不太困難，但寫出三角形真的是滿酷的一件事情，不用圖片本身去製作，而是直接用 CSS 來製作三角形的遮罩感，想要呈現的如下圖: 這次算是學到了...
這次要把上次寫好的人員卡片來做個互動效果，讓使用網頁的人覺得不無聊，畫面預計滑鼠經過後會有這樣的效果，如下圖。 SCSS 是這樣編寫的，程式碼如下 .card...
今年最令我期待的活動之一－六角學院三週年同學會！在二月中註冊了六角學院網頁設計師的課程，中間經歷了孩子誕生、陪伴太太坐月子、新手奶爸的生活...就這樣過了七個多...
人員卡片介紹除了可以做一點動態的互動外，顏色上的互動特效也是非常棒的特效效果！這次想做的感覺如下圖： 這部分的 SCSS 如下： .card { wid...
這次來練習一個側邊選單切版，參考影片是 Amos 老師的鐵人賽https://www.youtube.com/watch?v=yB3_LtwBiaE 首先先把...
這次的練習參考 Amos 老師的金魚都能懂的網頁切版 : 收合式側邊選單 NO014 ，側邊選單收合很常被使用，各種網站都會看到這樣的寫法，之前也因為參加 F2...
真是值得為自己掌聲的一刻，我很少每天花時間學習一個技術或累積文章連續 30 天，但藉由這次鐵人賽給自己一個挑戰，既然我要盡快轉職，是必要給自己一些里程碑，在這次...
