ในการแข่งขัน GUI ของวันนี้ @AdamArgyleInk จะสร้างเคล็ดลับเครื่องมือด้วยองค์ประกอบที่กำหนดเอง (ไม่มีคอมโพเนนต์เว็บ) :has(), Transforms และคุณสมบัติทางตรรกะ นอกจากสคริปต์สำรองขนาดเล็กสำหรับการใช้ :has() แล้ว สคริปต์ยังขับเคลื่อนโดย CSS ทั้งหมดด้วย ไม่พลาดประสบการณ์การใช้งานโปรแกรมอ่านหน้าจอเพราะโปรแกรมได้รับความสนใจเป็นพิเศษเหมือนปกติ
จำนวนบท:
- 0:00 - แนะนำตัว
- 0:20 - เคล็ดลับเครื่องมือเทียบกับสลับเคล็ดลับ
- 2:22 - ภาพรวมของฟีเจอร์
- 6:25 - UX โปรแกรมอ่านหน้าจอ
- 9:06 - แผนผังการช่วยเหลือพิเศษ
- 14:12 - :has()
- 14:55 - HTML
- 15:18 - CSS
- 18:50 - JavaScript
- 20:21 - ปิดท้าย
แหล่งข้อมูล:
- ลองใช้การสาธิต → https://goo.gle/3SDW5YT
- ดูแหล่งที่มา → https://goo.gle/3SCNxBj
ดูความท้าทายใน GUI เพิ่มเติม → https://goo.gle/GUIchallenges
ติดตามนักพัฒนาซอฟต์แวร์ Google Chrome → https://goo.gle/ChromeDevs