iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

3 Like 0 留言 1252 瀏覽

技術 CSS學習紀錄-09-會上癮的flex排版(上)

嗨嗨~我是914 今天來學習flex囉GOGOGO 今天到"那家"咖啡廳做事，不曉得大家484有來過~有推薦的咖啡廳好像也可以推推唷!今...

joycechou_914 ‧ 2024-05-27

1 Like 1 留言 1137 瀏覽

技術 CSS學習紀錄-08-margin&padding(下)

嗨嗨~我是914 今天也繼續來學習margin與padding囉GOGOGO 今天在"舊是經典"這家咖啡廳做事情~大推大推這家~東西好吃...

joycechou_914 ‧ 2024-05-26

1 Like 1 留言 1361 瀏覽

技術 CSS學習紀錄-07-margin&padding(上)

嗨嗨~我是914 今天來學習margin與padding囉GOGOGO 前情提要&注意事項1.box-sizing 這部分會放到下篇說唷2.綜合實例...

joycechou_914 ‧ 2024-05-26

1 Like 1 留言 732 瀏覽

技術 CSS學習紀錄-06-行內跟區塊元素

嗨嗨~我是914 今天也來學習行內跟區塊元素囉GOGOGO 趕快來貼一下~最近的心情很複雜不曉得是否該繼續努力下去於轉職不曉得大家會覺得這個世界有太喧囂的時...

joycechou_914 ‧ 2024-05-23

1 Like 0 留言 577 瀏覽

技術 CSS學習紀錄-05-class、id與複合選擇器(下)

嗨嗨~我是914 今天也要來繼續學習class、id與複合選擇器囉GOGOGO 嗨嗨~我真的消失太久了QQ請譴責我!今天也跟室友在這家二街咖啡一起做事希望我...

joycechou_914 ‧ 2024-05-21

1 Like 0 留言 659 瀏覽

技術 CSS學習紀錄-04-class、id與複合選擇器(上)

嗨嗨~我是914 今天要來學習class、id與複合選擇器囉GOGOGO 好想睡xD 禮拜一真容易效率很差(今天已禮拜二耶XD)心還留在假日阿~昨天還沒撰寫...

joycechou_914 ‧ 2024-05-14

1 Like 0 留言 509 瀏覽

技術 CSS學習紀錄-03-border-radius

嗨嗨~我是914 今天要來學習border-radius GOGOGO 母親節當天辣~今天在一家新竹的墨咖啡跟室友做事大推這家咖啡廳~有水也有插座還有我最愛...

joycechou_914 ‧ 2024-05-12

0 Like 0 留言 842 瀏覽

技術 CSS學習紀錄-02- font-family

嗨嗨~我是914 今天要來學習font-family GOGOGO O.S.肚子好餓~真的好餓~真的超餓~前情提要1.h1、p是 html章節標題跟文字標籤...

joycechou_914 ‧ 2024-05-09

0 Like 0 留言 621 瀏覽

技術 CSS學習紀錄-01-目標

嗨嗨~我是914因為是努力轉職中，所以CSS 也會想要一起來貼文進行學習剛好再把CSS做學習紀錄一下不確定會每日日更(不太想要先說大話哈哈)一直有在思考要走一個...

joycechou_914 ‧ 2024-05-09

1 Like 1 留言 1215 瀏覽

技術【程式開發筆記】十分鐘快速上手 CCS，選擇器 (Selector) - 大漠國渡

同步發表至個人部落格 : 【程式開發筆記】十分鐘快速上手 CCS，選擇器 (Selector) - 大漠國渡前言大漠當工程師也有五、六年了，身為全端工程師...

jay313tw ‧ 2024-04-25

1 Like 0 留言 2268 瀏覽

鐵人賽 Modern Web

Super Easy CSS，極度簡單：寫出好的 CSS，從零開始前端生涯系列第 37 篇

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

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 了解向量...

Eva Chen ‧ 2024-01-18

0 Like 0 留言 4257 瀏覽

鐵人賽 Modern Web

Super Easy CSS，極度簡單：寫出好的 CSS，從零開始前端生涯系列第 36 篇

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

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 在 HT...

Eva Chen ‧ 2024-01-11

0 Like 0 留言 756 瀏覽

技術 [React][jsx] 隨畫面滾動淡入淡出

程式碼分享加小紀錄，如果能幫到你的話就太好了 codeSandBox 透過滾動才出現的box，會淡入，當畫面滾動到看不見該box，他就會在看不到的地方悄悄淡出。...

makomakomako ‧ 2023-12-30

0 Like 1 留言 2394 瀏覽

鐵人賽 Modern Web

Super Easy CSS，極度簡單：寫出好的 CSS，從零開始前端生涯系列第 35 篇

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

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 使用 M...

Eva Chen ‧ 2023-12-01

1 Like 0 留言 2583 瀏覽

鐵人賽 Modern Web

Super Easy CSS，極度簡單：寫出好的 CSS，從零開始前端生涯系列第 34 篇

技術 #32 CSS 顏色變數 currentcolor、checkbox/radio 顏色、input placeholder、閃動的光標顏色、文字反白的顏色，混色的 color-mix()

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 了解 c...

Eva Chen ‧ 2023-11-10

0 Like 0 留言 1014 瀏覽

技術 CSS 特殊形狀怎麼切?

我是圖片:https://drive.google.com/file/d/1j8EyVDr5OfNZdq4niRz_nZQnTJzMITQB/view?usp=...

axekk121217 ‧ 2023-10-26

1 Like 0 留言 3581 瀏覽

鐵人賽 Modern Web

Super Easy CSS，極度簡單：寫出好的 CSS，從零開始前端生涯系列第 33 篇

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

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 了解 h...

Eva Chen ‧ 2023-10-25

1 Like 1 留言 7262 瀏覽

鐵人賽 Modern Web DAY 30

Super Easy CSS，極度簡單：寫出好的 CSS，從零開始前端生涯系列第 31 篇

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

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 了解 C...

Eva Chen ‧ 2023-10-15

1 Like 1 留言 855 瀏覽

鐵人賽 Modern Web DAY 30

切版與CSS：打造工具箱與切版施工流程！系列第 30 篇

技術 Day30 系列目錄

當開始擬大綱，回顧決定轉跑道所做的努力和歷程，從打開技術書就像看天書，頭疼不已的狀態，到寫技術文分享，而這過程，除了技術，有太多收穫了，當回想如何學習的並持續深...

Jessie ‧ 2023-10-15 ‧團隊好想工作室 v7.0

0 Like 1 留言 3615 瀏覽

鐵人賽 Modern Web DAY 29

Super Easy CSS，極度簡單：寫出好的 CSS，從零開始前端生涯系列第 30 篇

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

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 學會設定...

Eva Chen ‧ 2023-10-14

0 Like 0 留言 1330 瀏覽

鐵人賽 Modern Web DAY 29

切版與CSS：打造工具箱與切版施工流程！系列第 29 篇

技術 Day29 網格佈局 Grid Layout

隨著技術的不斷發展，能夠實現更複雜和美觀的設計，引領潮流的技術是網格佈局（Grid Layout）是種用於排列網頁內容的靈，更易於地實現多欄、多行的佈局。基本...

Jessie ‧ 2023-10-14 ‧團隊好想工作室 v7.0

1 Like 0 留言 4639 瀏覽

鐵人賽 Modern Web DAY 28

Super Easy CSS，極度簡單：寫出好的 CSS，從零開始前端生涯系列第 29 篇

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

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 了解字體...

Eva Chen ‧ 2023-10-13

0 Like 0 留言 552 瀏覽

鐵人賽 SideProject30 DAY 29

以vue.js + node.js 搭建一個客服填單系統系列第 29 篇

技術關於CSS，我想說的是… part2

Hi，昨天說到了 CSS 的使用，今天接續昨天的內容，我們要使用 SCSS 的機制現有的 CSS 架構進行調整，那麼讓我們開始吧 SCSS 是什麼呢？昨天有稍...

hipposcott ‧ 2023-10-13

0 Like 0 留言 826 瀏覽

鐵人賽 Modern Web DAY 28

切版與CSS：打造工具箱與切版施工流程！系列第 28 篇

技術 Day28 FlexBox 彈性盒子

基本概念主軸和交叉軸 Flexbox 容器有兩個重要的軸，即主軸和交叉軸。主軸是 Flexbox 排列元素的主要方向，而交叉軸是與主軸垂直的方向。主軸對齊...

Jessie ‧ 2023-10-13 ‧團隊好想工作室 v7.0

1 Like 0 留言 2797 瀏覽

鐵人賽 Modern Web DAY 27

Super Easy CSS，極度簡單：寫出好的 CSS，從零開始前端生涯系列第 28 篇

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

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 了解 C...

Eva Chen ‧ 2023-10-12

0 Like 0 留言 1664 瀏覽

鐵人賽 Modern Web DAY 27

切版與CSS：打造工具箱與切版施工流程！系列第 27 篇

技術 Day27 定位方案(Positioning Scheme)-Normal Flow、Float、Absolute Positioning

在Day11 Visual Formatting Model 淺談視覺格式化模型探討到，Positioning scheme 中有 normal flow、fl...

Jessie ‧ 2023-10-12 ‧團隊好想工作室 v7.0

0 Like 0 留言 957 瀏覽

鐵人賽 Modern Web DAY 26

切版與CSS：打造工具箱與切版施工流程！系列第 26 篇

技術 Day26 網頁性能優化：關於 CSS 的部分

雖然還沒碰過被要求效能 a 代誌，但在 Code-Review 中也會被問這有必要用嗎？例如：常用的無敵星星，在 reset 上很好用，以及謠傳權重不要選太層次...

Jessie ‧ 2023-10-11 ‧團隊好想工作室 v7.0

0 Like 0 留言 3110 瀏覽

鐵人賽 Modern Web DAY 26

Super Easy CSS，極度簡單：寫出好的 CSS，從零開始前端生涯系列第 27 篇

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

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 了解如何...

Eva Chen ‧ 2023-10-11

0 Like 0 留言 1586 瀏覽

鐵人賽 Modern Web DAY 25

切版與CSS：打造工具箱與切版施工流程！系列第 25 篇

技術 Day25 跨瀏覽器兼容性，切版與瀏覽器

身為前端就是跟『瀏覽器』有著萬縷千絲的關係，當然要跟『瀏覽器』大大好好相處，不同的瀏覽器，例如 Google Chrome、Mozilla Firefox、Mi...

Jessie ‧ 2023-10-10 ‧團隊好想工作室 v7.0

0 Like 1 留言 4652 瀏覽

鐵人賽 Modern Web DAY 25

Super Easy CSS，極度簡單：寫出好的 CSS，從零開始前端生涯系列第 26 篇

技術 #24 RWD & CSS Media Queries & iOS Safari 上的經驗談

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 了解 R...

Eva Chen ‧ 2023-10-10

技術 CSS學習紀錄-09-會上癮的flex排版(上)

技術 CSS學習紀錄-08-margin&padding(下)

技術 CSS學習紀錄-07-margin&padding(上)

技術 CSS學習紀錄-06-行內跟區塊元素

技術 CSS學習紀錄-05-class、id與複合選擇器(下)

技術 CSS學習紀錄-04-class、id與複合選擇器(上)

技術 CSS學習紀錄-03-border-radius

技術 CSS學習紀錄-02- font-family

技術 CSS學習紀錄-01-目標

技術 【程式開發筆記】十分鐘快速上手 CCS，選擇器 (Selector) - 大漠國渡

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

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

技術 [React][jsx] 隨畫面滾動淡入淡出

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

技術 #32 CSS 顏色變數 currentcolor、checkbox/radio 顏色、input placeholder、閃動的光標顏色、文字反白的顏色，混色的 color-mix()

技術 CSS 特殊形狀怎麼切?

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

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

技術 Day30 系列目錄

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

技術 Day29 網格佈局 Grid Layout

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

技術 關於CSS，我想說的是… part2

技術 Day28 FlexBox 彈性盒子

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

技術 Day27 定位方案(Positioning Scheme)-Normal Flow、Float、Absolute Positioning

技術 Day26 網頁性能優化：關於 CSS 的部分

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

技術 Day25 跨瀏覽器兼容性，切版與瀏覽器

技術 #24 RWD & CSS Media Queries & iOS Safari 上的經驗談

標記使用者

技術【程式開發筆記】十分鐘快速上手 CCS，選擇器 (Selector) - 大漠國渡

技術關於CSS，我想說的是… part2