Eva Chen | 網頁設計師下班後

#00 文章目錄 / 參賽前言 | Super Easy CSS

#00 文章目錄 / 參賽前言 | Super Easy CSS

Pinned

寫出好的 CSS，從零開始的前端生涯

Eva Chen
Eva Chen
2 min read
#35 圖片的 1x, 2x, 3x 是什麼？關於網頁上圖片解析度的處理：HTML <img> srcset、CSS image-set() 與 @media resolution

#35 圖片的 1x, 2x, 3x 是什麼？關於網頁上圖片解析度的處理：HTML <img> srcset、CSS image-set() 與 @media resolution

Eva Chen
Eva Chen
3 min read
#34 CSS 讓圖片填滿容器的各種方法，以圓形大頭貼為例：object-fit 與 background-size，搭配 aspect-ratio

#34 CSS 讓圖片填滿容器的各種方法，以圓形大頭貼為例：object-fit 與 background-size，搭配 aspect-ratio

Eva Chen
Eva Chen
3 min read
Eva Chen

Eva Chen

4 followers

ᴅᴇsɪɢɴᴇʀ / ғʀᴏɴᴛᴇɴᴅ ᴅᴇᴠᴇʟᴏᴘᴇʀ / 網頁設計 x 創作日常 x 工作日常 x 遊戲日常

#33 CSS 切換淺色/深色模式：Media Queries 的 prefers-color-scheme 搭配 CSS 變數

#33 CSS 切換淺色/深色模式：Media Queries 的 prefers-color-scheme 搭配 CSS 變數

Eva Chen
4 min read
#32 CSS currentcolor、accent-color 與混色的 color-mix() 讓規劃色彩系統好方便！

#32 CSS currentcolor、accent-color 與混色的 color-mix() 讓規劃色彩系統好方便！

Eva Chen
1 min read
#31 CSS 顏色設定：基本的 hex、rgb()、cmyk()、hsl()、hsb() 、hwb() 與明日之星的 lch()、oklch()

#31 CSS 顏色設定：基本的 hex、rgb()、cmyk()、hsl()、hsb() 、hwb() 與明日之星的 lch()、oklch()

Eva Chen
4 min read
#30 iT 鐵人賽心路歷程 & 我的寫作方法

#30 iT 鐵人賽心路歷程 & 我的寫作方法

Eva Chen
1 min read
#29 CSS 立體字、霓虹字、外框字、漸層字：text-shadow、-webkit-text-stroke、-webkit-background-clip

#29 CSS 立體字、霓虹字、外框字、漸層字：text-shadow、-webkit-text-stroke、-webkit-background-clip

Eva Chen
2 min read
#28 CSS 文字過長、行數過多顯示點點點、文字自動折行、強制換行：white-space、word-break、-webkit-line-clamp 的妙用

#28 CSS 文字過長、行數過多顯示點點點、文字自動折行、強制換行：white-space、word-break、-webkit-line-clamp 的妙用

Eva Chen
2 min read
#27 網頁載入字體、Icon Font 與 CSS font-family、font-weight

#27 網頁載入字體、Icon Font 與 CSS font-family、font-weight

Eva Chen
3 min read
#26 CSS Container Queries 容器查詢：隨著自己變大變小變畫面

#26 CSS Container Queries 容器查詢：隨著自己變大變小變畫面

Eva Chen
2 min read
#25 CSS 列印的小技巧：@media print、break-before/after/inside、@page

#25 CSS 列印的小技巧：@media print、break-before/after/inside、@page

Eva Chen
2 min read