iT邦幫忙

ConnorChen
iT邦新手 5 級 ‧ 點數 176
2501
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

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

Web Franework -SASS/SCSS 系列

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

鐵人鍊成 ｜ 共 30 篇文章 ｜ 0 人訂閱 訂閱系列文 RSS系列文
0 Like 0 留言 285 瀏覽
DAY 21

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

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

2024-10-05 ‧ 由 ConnorChen 分享
0 Like 0 留言 308 瀏覽
DAY 22

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

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

2024-10-06 ‧ 由 ConnorChen 分享
2 Like 0 留言 190 瀏覽
DAY 23

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

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

2024-10-07 ‧ 由 ConnorChen 分享
0 Like 0 留言 178 瀏覽
DAY 24

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

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

2024-10-08 ‧ 由 ConnorChen 分享
0 Like 0 留言 256 瀏覽
DAY 25

Day 25 - 又又轉戰

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

2024-10-09 ‧ 由 ConnorChen 分享
2 Like 0 留言 167 瀏覽
DAY 26

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

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

2024-10-10 ‧ 由 ConnorChen 分享
0 Like 0 留言 217 瀏覽
DAY 27

Day 27 - 加了一個縮放的視覺效果

今天也好累，新增了圖案縮放的效果: $item-count: 3 $bg-color: null @if $item-count == 1 $bg-col...

2024-10-11 ‧ 由 ConnorChen 分享
0 Like 0 留言 196 瀏覽
DAY 28

Day 28 - 稍微新增了一些功能

不知道要做甚麼樣式的實作，所以我想做一個像遊戲的實作。HTML <div class="container"> <di...

2024-10-12 ‧ 由 ConnorChen 分享
0 Like 0 留言 191 瀏覽
DAY 29

Day 29 - 我決定把他做成一個記憶力遊戲

HTML <div class="game-container"> <div class="grid&quo...

2024-10-13 ‧ 由 ConnorChen 分享
0 Like 0 留言 395 瀏覽
DAY 30

Day30 - 心得

1.回顧參加iT鐵人賽的初衷當初報名iT鐵人賽時，我的主要目標是深入學習和掌握SASS和SCSS，並藉此挑戰自己每天持續寫作和分享技術知識的能力。這個過程不僅是...

2024-10-14 ‧ 由 ConnorChen 分享
iThome鐵人賽
ConnorChen的鐵人檔案
ConnorChen的收藏
ConnorChen的追蹤
ConnorChen的Like
ConnorChen的紀錄
ConnorChen的訂閱列表