技術 鐵人賽 Day19 向 KKBOX致敬-用 ul li 寫一個左右欄的圖文列表

ul li 列表寫法用途真的很廣泛，能呈現的方式也非常多。想要呈現的方式如下： HTML 程式碼如下 <div class="prefer...

技術 Sass @mixin DAY35

今天要來介紹 Sass Mixin那究竟什麼是 Mixin呢??簡單來說Mixin能幫你記住 css技巧讓你不用再因回想原理而去google(把它想像成一個包裝...

技術 旅館預約服務練習紀錄-Bootstrap 4 + Scss

繼鐵人賽後，想把自己再推前進一點，在 30 天的陶冶後，發現每天撥一點時間思考與撰寫程式，可以提升對於程式的熟悉感，並可以爬梳自己所理解的東西，就算可能當下不了...

技術 Sass 基礎教學 DAY31

Sass 我們應該大部分的人都有聽過那它到底是什麼東西呢??我們先來介紹它到底是啥 維基百科https://zh.wikipedia.org/wiki/Sass...

技術 D6 為自己的開發鮮豔上色，先用Tailwindcss來塗上喜歡的顏色

在前端進行開發的時候我們經常面對在設計整個畫面的排版與樣式時，有UI design跟design吵，自己開發跟自己吵的狀況。 因為我們在開發時常常面對到css的...

技術 第三十一天-更進一步認識Bootstrap

寫到這裡，大家應該會發現，Bootstrap雖然方便，但是許多功能都已經寫死，導致我們無法更動一些小細節，因此我們在這裡會教大家，如何改寫Bootstrap的原...

技術 關於CSS，我想說的是… part2

Hi，昨天說到了 CSS 的使用，今天接續昨天的內容，我們要使用 SCSS 的機制現有的 CSS 架構進行調整，那麼讓我們開始吧 SCSS 是什麼呢？ 昨天有稍...