อนาคตของ CSS: State Container Queries

• ทีม Chromium กำลังทดลองคิวรีรูปแบบใหม่
• เมื่อปีที่แล้ว Size Container Query เริ่มได้รับการรองรับจากเบราว์เซอร์หลักทั้งหมดแล้ว
  • สามารถคิวรีโดยอิงจากความกว้างของคอนเทนเนอร์ได้
• นอกจากนี้ตอนนี้ยังสามารถใช้ Style Query ได้ด้วย: ตรวจสอบได้ว่ามีตัวแปร CSS บางตัวอยู่หรือไม่ ปัจจุบันยังใช้ได้เฉพาะใน Chrome Canary
• State Query คือคิวรีตามค่าสถานะ
  • สามารถตรวจสอบได้ว่าสถานะอย่าง position: sticky ถูกเปิดใช้งานอยู่หรือไม่ และกำหนดสไตล์แยกตามทิศทางได้ เช่น @container state(stuck: top)
  • ตรวจสอบได้ด้วยว่าเกิด flex-wrap แล้วหรือไม่ เช่น @container header state(wrap: true)
  • รองรับการจัดการตามทิศทางของเอกสารว่าเป็น ltr หรือ rtl ได้เช่นกัน เช่น @container state(dir: rtl)

[alstjr7375]

ทั้ง CSS toggle ด้วย ดูเหมือนว่าวันที่เราจะพูดได้ว่า "ฉันเขียนโปรแกรมด้วย CSS" กำลังใกล้เข้ามาเรื่อย ๆ..

[xguru]

https://github.com/kkuchta/css-only-chat

มีแบบนี้ด้วยนะ.. แชตที่สร้างด้วย CSS ล้วนๆ

[alstjr7375]

สุดยอดมากกกกก