บทความ · หมวด

เว็บและแอป

สร้างเว็บแอป ระบบหลังบ้าน API และแอปมือถือ

9 บทความ

#เว็บกลาง

CSS anchor positioning ใช้ได้ทุก browser แล้ว: tooltip และเมนู ไม่ต้องเขียน JS

anchor positioning เป็น Baseline ตั้งแต่ Firefox 147 ผูก tooltip หรือเมนูกับปุ่มด้วย CSS ล้วน หลบขอบจอเองด้วย position-try-fallbacks พร้อมทางสำรองสำหรับ browser เก่า

อ่าน 9 นาที
#เว็บเริ่มต้น

เปิด dialog และ popover ไม่ต้องเขียน JS: command และ commandfor ใน HTML

ปุ่ม HTML สั่งเปิดปิด dialog และ popover ได้เองด้วย command กับ commandfor ใช้ได้ทุกเบราว์เซอร์หลักตั้งแต่ธันวาคม 2025 ค่าที่มีให้ คำสั่งของเราเอง และทางสำรอง

อ่าน 11 นาที
#เว็บเริ่มต้น

JPEG XL กลับมาใน Chrome แล้ว: ทำไมเคยถูกถอด และควรใช้ตอนนี้ไหม

Chrome ถอด JPEG XL ปี 2022 แล้วเอากลับมาใน Chrome 155 ด้วยตัวถอดรหัส jxl-rs ที่เขียนด้วย Rust ดูว่าเบราว์เซอร์ไหนรองรับ ใส่ใน picture ยังไง และเมื่อไรคุ้มกว่า AVIF

อ่าน 9 นาที
#เว็บกลาง

Core Web Vitals ปี 2026: LCP INP CLS วัดยังไง หาตัวการ และแก้ทีละตัว

สามตัวเลขที่ Google ใช้วัดว่าเว็บเร็วและนิ่งพอไหม เกณฑ์ 2.5 วินาที 200 ms และ 0.1 ที่ p75 ข้อมูลจริงต่างจากข้อมูลแล็บยังไง และวิธีแก้ที่ได้ผลของแต่ละตัว

อ่าน 13 นาที
#เว็บเริ่มต้น

รูป responsive สำหรับมือใหม่: srcset sizes picture และ AVIF WebP ที่ใช้ได้จริง

รูปคือไบต์ที่หนักที่สุดของหน้าแรกส่วนใหญ่ ส่งรูปขนาดพอดีจอด้วย srcset และ sizes เลือก AVIF แล้ว WebP แล้ว JPEG ด้วย picture ใส่ width height และ lazy ให้ถูกที่

อ่าน 11 นาที
#เว็บกลาง

สี่เว็บจาก เอนจิน เดียว แชร์โค้ดด้วย Astro monorepo แต่หน้าตาไม่เหมือนกัน

แยก core/ กับโฟลเดอร์ต่อเว็บ ให้สี่เว็บใช้ layout i18n และ deploy ชุดเดียว ต่างกันแค่สี ฟอนต์ และหน้าแรก ผ่าน design tokens พร้อมบั๊กจริงที่แก้ครั้งเดียวได้ทั้งสี่เว็บ

อ่าน 15 นาที
#เว็บกลาง

ให้ AI ตรวจหน้าเว็บบน มือถือ เอง ด้วย สคริปต์ 30 บรรทัด แทนการนั่งไล่ดูทุกหน้า

AI มองจอไม่เห็น แต่วัดได้ สคริปต์เล็ก ๆ โหลดทุกหน้าใน iframe กว้าง 375px แล้วบอกว่าอะไรล้นจอ หัวข้อไหนตกขอบ ตัวหนังสือใน SVG ชนกรอบตรงไหน ใช้จริงก่อน deploy ทุกครั้ง

อ่าน 12 นาที
#เว็บกลาง

ภาษาไทยบนเว็บ ตัดคำ ฟอนต์ เวลาอ่าน อะไรพัง และแก้ยังไงใน 5 เว็บ

เบราว์เซอร์ตัดคำไทยด้วยพจนานุกรม พลาดคำทับศัพท์ในหัวข้อใหญ่ keep-all ไม่ช่วย วิธีแก้ที่ใช้จริง เวลาอ่านนับตัวอักษร คู่ฟอนต์ไทย+อังกฤษ line-height และ lang

อ่าน 10 นาที
#เว็บกลาง

ทางร้อนต้องไม่แตะฐานข้อมูล: cache สั้น จำคำตอบว่าไม่มี ปิดแล้วต้องปิดจริง

ระบบที่ถูกเรียกวินาทีละหลายร้อยครั้งบนเครื่อง 2GB อยู่รอดด้วย Redis ตั้ง TTL ยังไง จำคำตอบว่าไม่มีทำไม และทำไมสวิตช์ปิดต้องล้าง cache ทันที จากระบบที่ใช้จริง

อ่าน 7 นาที