ใน GUI Challenge ของวันนี้ @AdamArgyleInk จะมาแชร์การคิดหาวิธีสร้างโทสต์ ซึ่งเป็นองค์ประกอบแบบไม่โต้ตอบและแพสซีฟสำหรับ UI เพื่อให้ความคิดเห็นของผู้ใช้ สำรวจองค์ประกอบ [เอาต์พุต], ตารางกริด CSS, ภาพเคลื่อนไหว และเทคนิค FLIP ซึ่งจะช่วยสร้างคอมโพเนนต์แบบปรับขนาดได้และเข้าถึงได้
จำนวนบท:
- 0:00 - แนะนำตัว
- 0:23 - ภาพรวม
- 2:02 - [เอาต์พุต]
- 3:00 - เลย์เอาต์
- 4:41 - ภาพเคลื่อนไหว
- 5:50 - JavaScript ส่วนที่ 1
- 6:55 - การเคลื่อนไหวที่ลดลง
- 7:43 - คีย์เฟรม
- 8:09 - JavaScript ส่วนที่ 2
- 10:48 - F.L.I.P.
- 14:18 - ปิดท้าย
แหล่งข้อมูล:
- อ่านไปด้วย → https://goo.gle/3GghBfI
- ลองใช้การสาธิต → https://goo.gle/3EHsuXG
- ดูแหล่งที่มา → https://goo.gle/3oykceU
- กลับด้าน → https://goo.gle/3oz8P6D
- Paul Lewis (จาก SuperCharged) → https://goo.gle/31IOFy0
ดูความท้าทายใน GUI เพิ่มเติม → https://goo.gle/GUIchallenges
ติดตามนักพัฒนาซอฟต์แวร์ Google Chrome → https://goo.gle/ChromeDevs