iT邦幫忙

鐵人檔案

第 11 屆 iT 邦幫忙鐵人賽
回列表
自我挑戰組

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師 系列

在即將37歲的這個時刻,我打算大膽的從零開始成為一個軟體工程師。

鐵人鍊成 | 共 38 篇文章 | 87 人訂閱 訂閱系列文 RSS系列文
DAY 21

介紹了好多天的 RWD,今天來排一個完整一點的版型

我們花了好多天的時間來介紹 RWD 的設計概念,但是每一個概念都比較片斷與零散一點,今天我們來把所有的概念整合一下,變成一個完整的 RWD 網頁吧,來看一下我...

2019-09-29 ‧ 由 Alec 分享
DAY 22

CSS 的預處理器 Sass

連續的從 HTML 到 CSS 然後到 RWD,現在我們要來到了 Sass了,Sass 是 CSS 的預處理器,顧名思義它的功能就是可以「預先處理」CSS,讓...

2019-09-30 ‧ 由 Alec 分享
DAY 23

Sass 的變數功能 Variable

今天要來介紹的是 Sass 的變數功能,只要利用變數的功能,我們會比較好的去管理一個網站的其他設定值,而不用欲修改時要一行一行的檢視原生 CSS 碼。 $ti...

2019-10-01 ‧ 由 Alec 分享
DAY 24

Sass 的 @import 功能,如何讓scss檔分門別類的管理

過往一支 CSS 檔打天下,從頭寫到尾,動則上千上萬條程式碼,維護不易,之前我們介紹了 scss 的變數功能,讓一些關鍵的設定可以透過變數的型式撰寫。 如今,...

2019-10-02 ‧ 由 Alec 分享
DAY 25

Sass的 @mixin 功能,如何將複雜的語法簡單化

我們前面聊完了@import,知道了原來最終的編譯檔 scss 是可以透過好幾個分門別類各自分開的 scss 用@import導入,來讓版面都乾乾淨淨的,之前...

2019-10-03 ‧ 由 Alec 分享
DAY 26

如何利用 Sass 的 @mixin 功能,讓撰寫 RWD 網站變的輕而易舉

在我們介紹 RWD 時,知道撰寫一個 RWD 網站必須要在撰寫 CSS 的時候加入 Media query,但是常會很困擾的是,到底要把 Media quer...

2019-10-04 ‧ 由 Alec 分享
DAY 27

Sass 居然也有 @for 迴圈

For 迴圈,在程式設計這個世界鼎鼎大名,多少人戰死在這裡,我就曾經在這裡跌倒,然後萬劫不復,請詳我之前的故事,這一切是怎麼開始的,我怎麼跑去學了Python...

2019-10-05 ‧ 由 Alec 分享
DAY 28

什麼東西是 Sass Maps?

Sass Map 是 Sass 的地圖嗎?當然不是囉,但既然它取名為 Maps,姑且我們可以暫時以地圖的按圖索驥的精神來想像它。 過往,我們提到了 Sass...

2019-10-06 ‧ 由 Alec 分享
DAY 29

將之前的 RWD 版型範例全面改寫成 Sass 的 SCSS 碼吧

之前我有一篇文章在說明 RWD 版型在瀏覽器縮放時進行的變化,那時候的 CSS 是直接用原生 CSS 撰寫的,這幾天我們花了一點時間說明了 CSS 預處理器 S...

2019-10-07 ‧ 由 Alec 分享
DAY 30

To be continued

Note:2020 年的鐵人賽我也有報名喔,我即將於 2020/09/16 開賽,主題為『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我,今年 38 歲了,...

2019-10-08 ‧ 由 Alec 分享