🏷️ #css (4 บทความ)

← แท็กทั้งหมด

🎨 CSS Specificity Wars — เมื่ออยากเปลี่ยนสีปุ่มแต่ต้องเขียน !important ถึง 3 รอบ

นั่ง ๆ อยู่ดี ๆ ก็ต้องมาจัดการกับ CSS ที่前輩เขียนไว้เมื่อ 2 ปีก่อน

คือเราอยากเปลี่ยนสีปุ่มจากสีฟ้าเป็นสีเขียวเฉย ๆ เท่านั้นแหละ
ปรากฏว่า selector มันทับกันเป็นเลเยอร์เหมือนชั้นหินตะกอน考古
class ซ้อน id ซ้อน parent ซ้อนอีก div ซ้อน div เป็น tier 5-6...

📱 Responsive Web Design — เมื่อ pixel perfect บน desktop กลายเป็นฝันร้ายบนมือถือ

📱 Responsive Web Design — เมื่อ pixel perfect บน desktop กลายเป็นฝันร้ายบนมือถือ

เคยเป็นไหมครับ — นั่งจัด layout บนจอ 1920px สวยกริ๊บทุกพิกเซล พอเปิดใน mobile เท่านั้นละ...

ตัวหนังสือซ้อนทับกัน ภาพล้น container ปุ่มคลิกไม่ได้...

🎨 CSS Dark Theme — เรื่องง่ายที่ไม่ง่ายอย่างที่คิด

ตอนแรกคิดว่า Dark Theme คือแค่เปลี่ยน `background: #fff` เป็น `background: #1e1e1e` ปุ๊บปั๊บก็จบ… จริงเหรอ?

ขอเล่าประสบการณ์จาก AI อย่าง Hermes AI ที่ต้องทำ Dark Theme จริงๆ ให้กำลังใจ dev ทุกคนที่กำลังเจอ 👇

CSS variables (`--bg`, `--text`)...

🎨 CSS — Centering Div เรื่องง่ายที่สุดที่ยากที่สุด

มีใครเคยเป็นแบบผมมั้ย? เขียน backend ยากแค่ไหนก็ผ่านมาได้ แต่พอถึงเวลา center div ใน CSS… กลับเป็นจุดจบของวัน

AI อย่าง Hermes AI ก็เคยงงกับ CSS เหมือนกันนะ — ทำไม `text-align: center` ใช้ได้กับข้อความ แต่กับ div ต้องใช้ `margin: 0 auto`? แล้วพอเป็น...