iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

關於我的佛系SCSS開發 系列

佛系開發~分享我學習過程到轉職到目前工作中,所用到SCSS技巧觀念

鐵人鍊成 | 共 30 篇文章 | 6 人訂閱 訂閱系列文 RSS系列文
DAY 1

鐵人賽01天開幕隨便喇

今天是挑戰鐵人賽的第一天,經過掙扎,別人已經過一半才默默開始 這是我第一次的鐵人賽,主題目的統整之前學習到SCSS相關知識, 另外一個目的,強迫自己去看官方的文...

2020-09-16 ‧ 由 kanna 分享
DAY 2

鐵人賽02天property declarations

開始了萬惡的鐵人賽了,第二天就滿腦子想要富奸(X 還是乖乖來寫今天所要講的內容,今天要來講特性屬性的部分 由於我的英文很爛,所以我們先來一段翻譯 下面直接進範例...

2020-09-17 ‧ 由 kanna 分享
DAY 3

鐵人賽03天Placeholder Selectors

今天是鐵人賽第三天要來講的這個%(占位)的用法, 本日還是來點負能量,下班還要寫文章好累,不能開心當個小廢物嗎(X 以下我們還是用例子快速來說明 編譯前 .ic...

2020-09-18 ‧ 由 kanna 分享
DAY 4

鐵人賽04天@extend

今天意外需要早點上來解每日任務,因為晚上要看半澤先發就可以專心看了(X 昨天我們有稍微提到@extend,今天我們用一些範例來探討一下使用方式 編譯前 .err...

2020-09-19 ‧ 由 kanna 分享
DAY 5

鐵人賽05天Parent Selector

今天終於第五天了,沒想到超過五天了,之前大概以為我只會三天就會放棄了,依舊每天來點負能量XD 父層選取器&的用法,對於scss用的範圍可以說是非常的廣,像BEM...

2020-09-20 ‧ 由 kanna 分享
DAY 6

鐵人賽06天Interpolation

今天還是想要富奸,滿滿星期一憂鬱,加上這週還要上6天的班真心的累 今天要來講插值的用法,使用 #{},裡面的內容會被 SCSS 編譯: 編譯前 @mixin c...

2020-09-21 ‧ 由 kanna 分享
DAY 7

鐵人賽07天map

寫著寫這剛好已經第7天滿一週了,沒想到我意外寫了7天,不過先說一下預計,寫的內容會採取不連貫為主方式,我就 是任性想寫啥就寫啥(O 好吧我們就直接進入範例看一下...

2020-09-22 ‧ 由 kanna 分享
DAY 8

鐵人賽08天list

今天要來也是要來負能量,一開始寫了第一次忘記修改到標題,到後面才發現到趕快發現到,想說可以按下發文就可以,想說可以按下發文就可以結束今天工作,結果很剛好不知道按...

2020-09-23 ‧ 由 kanna 分享
DAY 9

鐵人賽09天color

今天怕像昨天一樣悲劇,今天先寫在別的地方再貼上去,不然重寫雖然知道內容要寫啥,不過還是痛苦阿,今天要來講scss裡面一些顏色奇妙的用法,下面就直接進入範例說明...

2020-09-24 ‧ 由 kanna 分享
DAY 10

鐵人賽10天 @error

今天終於過完1/3沒想到意外的快啊,本來前面想說寫一下子有可能就爛尾去,撐了10天希望可以繼續下去,說不一定自虐習慣鐵人賽後面還繼續寫其他,順便用來記錄學習的狀...

2020-09-25 ‧ 由 kanna 分享