iT邦幫忙

鐵人檔案

2017 iT 邦幫忙鐵人賽
回列表
自我挑戰組

30 天 CSS 隨手筆記 系列

我認為 CSS 是個好入門,但難以精通的東西,最近更覺得自己素養太低,甚至落伍了 O__Q
因此希望能看一些演講或教學,自我精進一下!!

另外之前都是寫在 jsbin / codepen 上,寫完就刪;
希望新的一年 (?) 懶惰的我能從今天開始,養成隨手紀錄的好習慣 =D

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

30 天 CSS 隨手筆記 - 第 11 天 - OMG... Grid Layout~!! ( 7/7 - 結語 )

編輯中,僅請見諒 m(_ _)m 今天主要筆記了以下兩篇文章的內容,以及一點點個人心得 Grid, Flexbox, Box Alignment: Ou...

2016-12-26 ‧ 由 lazy_shyu 分享
DAY 12

30 天 CSS 隨手筆記 - 第 12 天 - CSS Variables~!!

CSS 變數已經出來一陣子了,記得年初的時候支援度還蠻慘烈的,現在則好多了:( 來源:http://caniuse.com/#feat=css-variable...

2016-12-27 ‧ 由 lazy_shyu 分享
DAY 13

30 天 CSS 隨手筆記 - 第 13 天 - transform~!!

編輯中,僅請見諒 m(_ _)m試著試著就發現時間不夠了,十分抱歉!晚點會補上內容~ 有幾個 transform function 平常已經很常用了,所以...

2016-12-28 ‧ 由 lazy_shyu 分享
DAY 14

30 天 CSS 隨手筆記 - 第 14 天 - filter~!!

filter 主要是套用在圖片上的,我們可以藉由這個屬性,達到簡易的濾鏡效果;各個 filter function 之間配合得好的話,也可以玩出很多變化。 其實...

2016-12-29 ‧ 由 lazy_shyu 分享
DAY 15

30 天 CSS 隨手筆記 - 第 15 天 - Shapes ~!!

編輯中,僅請見諒 m(_ _)m 也是前陣子看到這個效果,覺得真的超棒的~!!https://www.w3.org/TR/css-shapes/( 但如果...

2016-12-30 ‧ 由 lazy_shyu 分享
DAY 16

30 天 CSS 隨手筆記 - 第 16 天 - feature query ~!!

編輯中,僅請見諒 m(_ _)m度過了 9 x 4 x 8 x 7 年後,希望明年會是個好年~!! =D 前言 30 天才到一半而已,儲備的題目就已經快用...

2016-12-31 ‧ 由 lazy_shyu 分享
DAY 17

30 天 CSS 隨手筆記 - 第 17 天 - UX 相關的眉角 ( 1/3 )

主要參考 CSS SECRETS 這本書裡面的內容作筆記~ 添加點擊的感應範圍 現在使用手機瀏覽網頁的人越來越多了,在頁面的設計上,當然也要更考慮在小螢幕上的...

2017-01-01 ‧ 由 lazy_shyu 分享
DAY 18

30 天 CSS 隨手筆記 - 第 18 天 - UX 相關的眉角 ( 2/3 )

主要參考 CSS SECRETS 這本書裡面的內容作筆記~ 可滾動的提示 我自己是個很遲鈍的使用者 =艸=不知道大家有沒有類似的經驗,還記得之前我一直找不到在...

2017-01-02 ‧ 由 lazy_shyu 分享
DAY 19

30 天 CSS 隨手筆記 - 第 19 天 - UX 相關的眉角 ( 3/? )

編輯中,僅請見諒 主要參考 CSS SECRETS 這本書裡面的內容作筆記~ before / after 的圖片效果 在比較差異大的圖片時,並排是個不...

2017-01-03 ‧ 由 lazy_shyu 分享
DAY 20

30 天 CSS 隨手筆記 - 第 20 天 - CSS4 selectors ( 1/2 )

編輯中,盡請見諒 m(_ _)m CSS4 又很很多新的 selector 了,今天打算要根據 http://css4.rocks/selectors-l...

2017-01-04 ‧ 由 lazy_shyu 分享