技術 鐵人賽 Day28 側邊選單切版練習

這次來練習一個側邊選單切版，參考影片是 Amos 老師的鐵人賽https://www.youtube.com/watch?v=yB3_LtwBiaE 首先先把...

技術 鐵人賽Day14-向 KKBOX 致敬，寫一個 aside 側邊欄位吧！播放器！

aside 終於進入最後一個部分，也就是播放器了，預計呈現樣式如下圖： 這次用了比較多技巧跟方式，慢慢的講解吧!!HTML 如下： <div class=...

技術 鐵人賽Day13-向 KKBOX 致敬，寫一個 aside 側邊欄位吧！加入 hover 效果!

進入 aside 中間部分的編寫，想要寫成下方畫面程式碼滿簡單的，跟前面的程式碼差不多，但這次加入了畫面優化跟效果， 先來看一下 HTML 程式碼 <u...

技術 鐵人賽Day12-向 KKBOX 致敬，寫一個 aside 側邊欄位吧！

這次要寫一個播放器的清單，在編寫之前，我先把 navbar 優化了一下，如下圖呈現的樣式，但我還是沒有研究出來 search 要怎麼對齊在 navbar 的中間...