iT邦幫忙

鐵人檔案

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

30 天轉生到 bootstrap 5 的意識界 系列

想學寫網站但 不熟 css ? 不熟 js?
那有什麼問題,你知道其實 bootstrap 開發者一開始也不會 js 嗎?

玩轉 bootstrap 5,從環境載入一直到最後的客製化 bootstrap 5 以及結合其它插件,使網站變的更炫炮,
大家可能會好奇為什麼是「意識界」,是不是打錯字了?
其實來源是剛參加完六角學院的切版直播班,我想將我連作夢都夢到切版的這個過程記錄下來,所以取名是「意識界」,希望大家會喜歡這部「30 天轉生到 bootstrap 5 的意識界」的異世界番

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

第 11 集:淺談 Sass

此篇作為 Bootstrap 5 客製化 sass 的序章,會大致講解什麼是 Sass 以及優勢。 Sass Sass(英文全稱:Syntacticall...

2021-09-26 ‧ 由 Kent 分享
DAY 12

第 12 集:Sass 編譯環境

> 此篇會介紹三種免費的 sass 編譯方法 Live Sass Compiler 這是一款免費 VSCode 插件,會自動將所有 sass、scss...

2021-09-27 ‧ 由 Kent 分享
DAY 13

第 13 集:Bootstrap 客製化 Sass 環境

此篇會介紹 Bootstrap 客製化所需的環境設置。 想先談談關於 Bootstrap 5 客製化,需要具備的幾個觀念。(大致有個概念就好,後續會比較好消...

2021-09-28 ‧ 由 Kent 分享
DAY 14

第 14 集:Bootstrap 客製化 Sass 原始碼架構

此篇會介紹 Bootstrap 客製化 sass 原始碼架構,著重在如何使用原始碼來客製化自己的 Bootstrap 環境。 Sass 架構 官網推薦的客...

2021-09-29 ‧ 由 Kent 分享
DAY 15

第 15 集:Bootstrap 客製化目錄結構 Sass 7-1 Pattern

此篇會延續上一篇客製化 Sass 原始碼架構 ,介紹透過 7+1 Pattern,這個設計模式來管理 Sass 檔案架構。 Sass 7-1 Pattern...

2021-09-30 ‧ 由 Kent 分享
DAY 16

第 16 集:Bootstrap 客製化 Sass 架構實戰範例

此篇會用三個實戰範例來當作做 Sass 架構介紹的結尾。 閱讀此篇內容前,建議先閱讀過前兩篇 Sass 架構: 第 14 集:Bootstrap 客製化...

2021-10-01 ‧ 由 Kent 分享
DAY 17

第 17 集:Bootstrap 客製化 Sass 官網資源

此篇會用好理解 (好笑) 的方式導覽官網、原始碼如何閱讀,詳細介紹會放在往後的文章。 官網 英文官網 中文官網 (六角學院翻譯) 中文官網,不一定...

2021-10-02 ‧ 由 Kent 分享
DAY 18

第 18 集:Bootstrap 客製化 Sass 必備知識(上)

此篇會著重在客製化修改會用到的 sass 基礎語法以及觀念分為上下兩集。 編譯 scss 註解有分為 會被編譯、不會被編譯 兩種。 寫法:// // 不...

2021-10-03 ‧ 由 Kent 分享
DAY 19

第 19 集:Bootstrap 客製化 Sass 必備知識(下)

此篇接續客製化 sass 基礎語法以及觀念下集,尚未觀看上集可以先看完再來看下集。 Operators 運算 介紹 sass 原生的 運算 功能,以往 c...

2021-10-04 ‧ 由 Kent 分享
DAY 20

第 20 集:Bootstrap 客製化 Sass variable

此篇分享著重在介紹 _variable.scss 變數介紹,以及如何客製化修改。 事前須看完Bootstrap 客製化 Sass 必備知識 有介紹許多今天...

2021-10-05 ‧ 由 Kent 分享