鐵人檔案
目前從事視覺設計工作，剛進入前端的初心者，希望藉由這次的鐵人賽來紀錄自己這段時間的學習，目前邊工作邊學習課程，進度不是很快，但希望每一步都走得穩一點，自學的過程不易也滿孤獨的，希望藉由這次的鐵人賽讓自己有一個里程碑的挑戰，強迫自己每天寫一點程式，並且有條理的陳述出來，做個紀錄也給自己設立目標。還請各位學長姐多多指教！
小弟平常喜歡聽音樂，台灣音樂串流平台的始祖 KKBOX，從一推出就使用至今，也看到 KKBOX 在台灣的音樂圈越來越具有代表性，並且還有自己的風雲榜演唱會，真是...
這次要寫一個播放器的清單，在編寫之前，我先把 navbar 優化了一下，如下圖呈現的樣式，但我還是沒有研究出來 search 要怎麼對齊在 navbar 的中間...
進入 aside 中間部分的編寫，想要寫成下方畫面程式碼滿簡單的，跟前面的程式碼差不多，但這次加入了畫面優化跟效果， 先來看一下 HTML 程式碼 <u...
aside 終於進入最後一個部分，也就是播放器了，預計呈現樣式如下圖： 這次用了比較多技巧跟方式，慢慢的講解吧!!HTML 如下： <div class=...
左邊的欄位已經寫完了，這篇開始從右側欄位開始撰寫內容，預計 header 會長這樣，左邊是一排選單，右邊有一個按鈕，給客戶做意見回饋用，如下圖: 為了要讓兩欄的...
今天要來寫一個滿版圖片，但不使用 img 的標籤，想呈現下方畫面 這次做法跟先前一個練習類似，但這次有一個地方有優化了一下，就是在這個地方增加下列屬性 .con...
這幾天真是秋意濃，外出已經有感到一點涼爽，但我今晚心裡也有點涼意...疑? 今天為什麼沒有向 KKBOX 致敬?....因為我的電腦晚上無預警的系統掛掉，為了不...
這次要寫一個新聞欄位，是用 ul li 做成的圖文並茂，標題為連結，可以點擊的樣式畫面如下呈現: 其實寫道今天有發現到 ul li 相當常被使用到，只是內容有不...
ul li 列表寫法用途真的很廣泛，能呈現的方式也非常多。想要呈現的方式如下： HTML 程式碼如下 <div class="prefer...
音樂網頁一定要有影音可以聽，這次來分享怎麼把 youtube 影片嵌入網頁中，預計畫面如下： 看起來好像很難，是不是要寫什麼播放語法，還是怎麼寫入影片啊...其...
