標籤：css

css· 4 分鐘

CSS 技巧：精簡語法操作暗色主題 - CSS Dark Mode

Mac 暗色主題推出後，就讓黑色控非常喜愛，而且這樣的暗色佈景使用起來更不傷眼。以我來說是比較喜歡在亮色的佈景下工作的，但暗主題的對於長期需要在電腦面前工作來說…

cssdevelop

2019 年 12 月 22 日 繼續閱讀 →

css· 4 分鐘

圖解：CSS Flex 屬性一點也不難

圖解 CSS Flexbox（display: flex）排版教學，從外層容器到內部元件屬性，逐一說明 flexdirection、justifycontent…

css

2017 年 07 月 21 日 繼續閱讀 →

CSS

life· 1 分鐘

CSS3 Grid Layout

CSS gird layout 在最近 Chrome 更新已經慢慢開始支援 (就是還很久才會完全支援的意思)，這和 Bootstrap 或是 960 Grid …

css

2017 年 05 月 24 日 繼續閱讀 →

css· 5 分鐘

CSS Grid 屬性介紹

CSS gird 在最近 Chrome 更新已經慢慢開始支援 (就是還很久才會完全支援的意思)，開始之前還是來介紹一些語法。 與 CSS Flex 一樣，CSS…

cssgrid

2017 年 03 月 22 日 繼續閱讀 →

css· 2 分鐘

鐵人賽 30 - CSS 鐵人賽的結束與接下來的研究

相較於 Javascript 來說，CSS 的演進速度算是非常緩慢的，主要原因當然是瀏覽器的相容性，瀏覽器不太能因為新的特色加入而毀了以前所建置的網站。 在這個…

cssSass

2016 年 12 月 30 日 繼續閱讀 →

CSS

css· 2 分鐘

鐵人賽 29 - CSS 實戰小技巧 - 不使用 important 的高優先值技巧

在維護舊的專案很多必須放下自尊，用一些手段來維持成果的運作，但有些作法如果過於殘暴可能會影響到未來的維護，CSS important 就是一個很好用的手段，他可…

cssSass

2016 年 12 月 29 日 繼續閱讀 →

css· 1 分鐘

鐵人賽 28 - 實戰小技巧 - iOS 表單的使用者體驗優化

最後幾篇再來額外介紹一些小技巧，這些小技巧都是非常冷門的卻是實用的手法，分享給大家參考看看。

cssSass

2016 年 12 月 28 日 繼續閱讀 →

css· 2 分鐘

鐵人賽 27 - CSS 框架自幹心得 - 失敗三次的框架建構經驗

先前提到過有自幹過框架，主要的經驗是兩次，第三次就不再完全重新自幹了，每次到了最後都會發現有些概念不夠完美，然後修正前一版的錯誤再出發一次?後來發現自幹本身就有…

cssSass

2016 年 12 月 27 日 繼續閱讀 →

css· 3 分鐘

鐵人賽 26 - 實戰心法 - 應避免的 Sass @extend

Sass 的 @extend 可以將相同的樣式整理再一起，在其他語言來說是非常帥氣的技法，但在 CSS 中請警慎使用。 就如同本篇鐵人賽一開始所介紹到的 OOC…

cssSass

2016 年 12 月 26 日 繼續閱讀 →

css· 3 分鐘

鐵人賽 25 - 實戰心法 - Sass Map 快出產出大量樣式

上一篇介紹了很短的程式碼產生一整組 Grid System，然後還提供變數讓 Grid 還有額外的參數可以設定，手寫的 CSS 如果要重新計算 12 組以上的計…

cssSass

2016 年 12 月 25 日 繼續閱讀 →