การคิดหาวิธีแก้ไข BUTTONS
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
ในการแข่งขัน GUI ของวันนี้ @AdamArgyleInk จะจัดรูปแบบปุ่มทั้งหมดของเว็บด้วยคุณสมบัติที่กำหนดเอง และ :where() สำหรับปุ่มแบบปรับได้สีอ่อน/สีเข้มที่ใช้สร้างตัวแปรใหม่ๆ ได้ง่าย
จำนวนบท:
- 0:00 - แนะนำตัว
- 0:19 - ภาพรวม
- 2:08 - แป้นพิมพ์ UX
- 2:46 - ตัวสลับธีมใหม่
- 3:09 - UX ของเมาส์
- 3:34 - ปุ่มในแบบฟอร์ม
- 4:30 - ปุ่มที่ปิดใช้งาน
- 5:22 - HTML
- 5:43 - ตัวเลือกฐาน CSS
- 6:24 - พร็อพเพอร์ตี้ที่กำหนดเองแบบปรับอัตโนมัติ
- 7:20 - ตัวแปรของปุ่ม
- 10:10 - การสร้างรูปแบบต่างๆ ของปุ่มการถ่ายทอดสด
- 11:18 - สรุป
- 11:50 - การเคลื่อนไหวที่ลดลง
- 12:57 - ปิดท้าย
แหล่งข้อมูล:
ดูความท้าทายใน GUI เพิ่มเติม → https://goo.gle/GUIchallenges
ติดตามนักพัฒนาซอฟต์แวร์ Google Chrome → https://goo.gle/ChromeDevs
arrow_back กลับไปที่ตอนทั้งหมด
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2022-05-18 UTC
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"ไม่มีข้อมูลที่ฉันต้องการ"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"ล้าสมัย"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"ปัญหาเกี่ยวกับการแปล"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"อื่นๆ"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"เข้าใจง่าย"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"แก้ปัญหาของฉันได้"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"อื่นๆ"
}]