博大精深。

閱讀更多

原來如此。

閱讀更多

還蠻常用到的一個小技巧

閱讀更多

紀錄一些 BEM 在使用時可能會碰到的問題。

閱讀更多

紀錄一些 SCSS 的相關語法

閱讀更多

目前在網頁佈局的方式有很多種選擇，其中最主流的不外乎就是flex-box。

雖然 flex 確實足以處理許多版面，使用上也不算困難，但為了更增進自己的能力，讓自己在面對各種版型都能有應對之道，所以我決定學習另外一個也算是頗新穎的佈局方式，grid-box。

不過當我在找相關資料時，發現 grid 的相關中文教學似乎比較少一些（比起 flex），所以就決定自己來寫一篇文章，希望能夠為有需要的人提供一份資源。

另外，由於 grid-box 的概念可能比 flex-box 還要來得複雜一些（至少對我來說是這樣子），所以這篇文章的內容也會比較沉長些，可能會需要花點時間來閱讀，還請各位見諒一下。

最後希望大家都能夠透過這篇文章來真正理解 grid 的佈局方式，我相信多學一樣技能，對自己只有好，沒有壞。

閱讀更多

其實寫這篇文章的理由很單純，因為自己以前在學 CSS 的時候，撞過不少次牆壁。
直到現在，我也不敢保證說自己已經完全掌握 CSS 這個讓人又愛又恨的東西。
為什麼說 CSS 讓人又愛又恨？因為當完成一個版面時，那份成就感是讓人感到很舒服的，不過跑版的時候就是另外一回事了…

總而言之，最近因為準備作品的關係，得回來重新回溫一些 CSS 的知識。 特別是在響應式這一塊。
我想各位應該都很清楚在這個時代，響應式是個不可或缺的條件吧。
所以就讓我們從最基本的佈局（Layout）來一個個介紹吧。

閱讀更多