Alec Wang要開始使用 Bootstrap 4 前,我們先了解幾個它的通用模式吧前情提要:讓我們站在巨人的肩膀上,如何在專案中導入 Bootstrap 4 並客製它Oct 31, 2019Oct 31, 2019
Alec Wang讓我們站在巨人的肩膀上,如何在專案中導入 Bootstrap 4 並客製它程式設計的世界有一句俗話叫做,不要重複造輪子,意思就是說,別人已經寫好了的程式,就不要再自己重複寫了,除非是想要練習,想要了解原理,讓自己將來也有機會為別人造翅膀,那無可厚非,這是要成為一個好的程式設計師應該要做的。但如果是要減少開發時間,增快開發進度,有開源且免費可供使用的第三…Oct 22, 2019Oct 22, 2019
Alec Wang關於購物車頁面的 RWD 移動概念鐵人賽結束了,但說過了寫文章是 to be continued 的,今天就要先來記錄一下這個購物車頁面的 RWD 移動概念。Oct 18, 2019Oct 18, 2019
Alec WangTo be continued沒想到 30 天就麼樣的過去了,記得鐵人賽開始前,網路上逛阿逛的就已經知道了這個一年一度的盛事,真的也不知哪一根筋不對,當時就躍躍欲試,還調好了鬧鐘,開始報名的第一天,就馬上完成了報名,但是到正式開賽前的一個禮拜,我卻一度有了打退堂鼓的念頭。Oct 8, 2019Oct 8, 2019
Alec Wang將之前的RWD版型範例全面改寫成Sass的SCSS碼吧之前我有一篇文章在說明RWD版型在瀏覽器縮放時進行的變化,那時候的CSS是直接用原生CSS撰寫的,這幾天我們花了一點時間說明了CSS預處理器Sass如何在網頁的CSS管理上幫助我們,讓我們能夠更模組化,更可維護,能夠更得心應手。Oct 7, 2019Oct 7, 2019
Alec Wang什麼東西是 Sass Map?Sass Map 是 Sass 的地圖嗎?當然不是囉,但既然它取名為 Maps,姑且我們可以暫時以地圖的按圖索驥的精神來想像它。Oct 5, 2019Oct 5, 2019
Alec WangSass 居然也有 @for 迴圈For 迴圈,在程式設計這個世界鼎鼎大名,多少人戰死在這裡,我就曾經在這裡跌倒,然後萬劫不復,請詳我之前的故事,這一切是怎麼開始的,我怎麼跑去學了Python。但是後來,時間果然是最好的推手,在我重新接觸 JavaScript 的時候,我竟然看懂了這一些,而且享受著,因為…Oct 4, 2019Oct 4, 2019
Alec Wang如何利用 Sass 的 @mixin 功能,讓撰寫 RWD 網站變的輕而易舉在我們介紹 RWD 時,知道撰寫一個 RWD 網站必須要在撰寫 CSS 的時候加入 Media query,但是常會很困擾的是,到底要把 Media query 加在哪裡呢?Oct 3, 20191Oct 3, 20191
Alec WangSass的@mixin功能,如何將複雜的語法簡單化我們前面聊完了@import,知道了原來最終的編譯檔 scss 是可以透過好幾個分門別類各自分開的 scss 用@import導入,來讓版面都乾乾淨淨的,之前我們知道了有分拆出去的"_reset"、"_variable"然後其他自己寫的放在"_main"。Oct 2, 2019Oct 2, 2019