iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
自我挑戰組

Web Franework -SASS/SCSS 系列

了解Web應用框架,知道SASS/SCSS的差別。

參賽天數 26 天 | 共 26 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21 - 如何提高SASS代碼的可維護性2

#如何提高SASS代碼的可維護性4.命名規範使用一致的命名規範是提高可維護性的關鍵。可以參考BEM(Block, Element, Modifier)命名法,來...

2024-10-05 ‧ 由 ConnorChen 分享
DAY 22

Day 22 - 實作第一步(失敗)

#主題:建立一個個人網站樣式表Step 1安裝Visual Studio Code和Node.jsStep 2在Visual Studio Code中新建一個資...

2024-10-06 ‧ 由 ConnorChen 分享
DAY 23

Day 23 - 實作第二步(依舊失敗)

#尋找失敗原因中昨天發現我的main.scss無法產出對應main.css,倒是產出了一個main.css.map。但.map文件也沒有正確的映射內容。我尋找了...

2024-10-07 ‧ 由 ConnorChen 分享
DAY 24

Day 24 - 實作第三步(決定轉換主題)

基於前兩天的失敗,我決定換一個實作主題。我改成使用JSFiddle來實作,我的主題是:以SASS配合CSS Grid或Flexbox的佈局實作第一步進入JSFi...

2024-10-08 ‧ 由 ConnorChen 分享
DAY 25

Day 25 - 又又轉戰

我又把實作的程式改成Codepen了這是我的HTML、Sass和JavaScriptHTNL <div class="container&quo...

2024-10-09 ‧ 由 ConnorChen 分享
DAY 26

Day 26 - 加了一個淡入淡出的視覺效果

今天好累,我新增了圖案淡入淡出的效果: $item-count: 3 $bg-color: null @if $item-count == 1 $bg-c...

2024-10-10 ‧ 由 ConnorChen 分享