鐵人檔案
我認為 CSS 是個好入門，但難以精通的東西，最近更覺得自己素養太低，甚至落伍了 O__Q
因此希望能看一些演講或教學，自我精進一下!!
另外之前都是寫在 jsbin / codepen 上，寫完就刪；
希望新的一年 (?) 懶惰的我能從今天開始，養成隨手紀錄的好習慣 =D
A picture is worth a thousand words總之，CSS 就是那麼重要。 我在三年前開始接觸網頁程式，主要用 smarty 寫 P...
前言 標題是來自這個 flexbox.io 這個網站的頁首 網路上有非常多的資源了，例如： CSS Flexible Box Layout Module L...
完全無關的前言昨天發現文章如果寫太長的話，要點擊編輯器的 toolbar 的話，要滑到很上面才能使用，有這麼一點不方便。因此簡單的寫了一個小書籤，會讓 too...
昨天筆記了各種 flexbox 的屬性，今天決定用這個新的 layout mode 來練習排版，希望以後能告別 float 地獄 ヽ(✿ ﾟ▽ﾟ)ノ faceb...
10 月時，我與同事一起參加了 CSS Conf 2016，非常多的講者都在推 Grid 這個東西。( 我當時連聽都沒聽過，還覺得那可能是一個新的 css fr...
本來預計今天要筆記 Grid 相關屬性的，但考慮過後決定延到下一篇。 這篇分為三個部分： ( 舉例 ) grid 大概是什麼樣子呢? 術語介紹 DEMO -...
今天筆記了幾個在 grid 上的基礎屬性，分別為： display ( 特定 value ) grid-template-columns grid-templ...
grid item 在 grid cell 中的對齊方式 左右對齊方式：用 justify-items 設定 ( 個別 item 的對齊方式，可以用 justi...
在 grid conatiner 上可以畫出表格後，剩下的就是 grid item 的事了。 不多加設定的話，那麼預設是一個 item 佔一個 grid cel...
別人的作品：香料們 grid 的好處之一：可以少寫很多、很多、很多 media query。 from: http://labs.jensimmons.com/...
