ทีม Chrome ตอบกลับข้อกังวลจากชุมชน

Chrome บน Android จะใช้พื้นที่เต็มหน้าจอตั้งแต่ Chrome เวอร์ชัน 135 เป็นต้นไป

สร้างประสบการณ์การใช้งานเว็บที่ครอบคลุมทุกด้าน

ดูวิธีที่ภาพเคลื่อนไหวที่ทำงานตามการเลื่อนและการเรียกให้แสดงเมื่อเลื่อนช่วยเพิ่มประสิทธิภาพให้กับบทความการเล่าเรื่อง

ตอนนี้คุณใช้ attr() กับพร็อพเพอร์ตี้ CSS ใดก็ได้ รวมถึงพร็อพเพอร์ตี้ที่กำหนดเอง และสามารถแยกวิเคราะห์ค่าเป็นประเภทข้อมูลอื่นๆ นอกเหนือจากสตริง

ร่วมเดินทางไปกับทีม DevRel ของ Chrome และไดโนเสาร์ Chrome ที่กำลังเล่นสเกตบอร์ดเพื่อดู CSS เวอร์ชันล่าสุดที่เปิดตัวสำหรับ Chrome และแพลตฟอร์มเว็บในปี 2024

Chrome 131 พร้อมให้ใช้งานแล้ว การจัดสไตล์ CSS เพิ่มเติมสำหรับองค์ประกอบรายละเอียด เลย์เอาต์การพิมพ์ที่ง่ายขึ้นด้วยช่องระยะขอบหน้า และอีกมากมาย

ตอนนี้คุณสามารถกำหนดประเภทการแสดงผล รวมถึงจัดรูปแบบคอนเทนเนอร์สำหรับส่วนที่ขยายและยุบได้โดยใช้ ::details-content pseudo-element ใหม่

Chrome 130 พร้อมให้ใช้งานแล้ว การแสดงภาพซ้อนภาพในเอกสารช่วยให้คุณควบคุมการแสดงภาพในหน้าต่างรูปภาพได้มากขึ้น การประกาศแบบซ้อนของ CSS จะช่วยแก้ไขกรณีขอบที่ยุ่งยากบางอย่าง และคุณยังระบุลักษณะการทำงานของการตกแต่งบนองค์ประกอบที่แบ่งออกเป็นหลายบรรทัดได้ Pete LePage มีรายละเอียดทั้งหมดเกี่ยวกับฟีเจอร์ใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 130

เริ่มต้นใช้งานการเปลี่ยนมุมมองเอกสารเดียวกันสำหรับใช้ในแอปพลิเคชันหน้าเว็บเดียว

ใช้ภาพเคลื่อนไหวเพื่อไปยังและจากคีย์เวิร์ดการปรับขนาดตามค่าเริ่มต้นด้วย `interpolate-size` และ `calc-size()`

ขอแนะนำเหตุการณ์ JavaScript ใหม่ 2 รายการ ได้แก่ ScrollSnapChange และscrollSnapReplace

เนื่องจากมีผู้คนเริ่มหันมาลองใช้ View Transition API เพิ่มมากขึ้นเรื่อยๆ ก็ถึงเวลาที่จะหักล้างความเชื่อผิดๆ บางอย่าง

อ่านประกาศทั้งหมดของ CSS และ UI บนเว็บจากงาน Google I/O 2024

ประกาศเกี่ยวกับการเปลี่ยนมุมมองข้ามเอกสารสำหรับ MPA การเปลี่ยนมุมมองแบบเลือกที่มีประเภทที่ใช้งานอยู่ และการแชร์รูปแบบภาพเคลื่อนไหวด้วย View-transition-class

ดูวิธีที่เว็บไซต์อีคอมเมิร์ซได้ประโยชน์จากการใช้ฟีเจอร์ CSS และ UI ล่าสุด เช่น ดูการเปลี่ยน, ภาพเคลื่อนไหวที่ขับเคลื่อนโดยการเลื่อน, Popover API และอื่นๆ

ดูประโยชน์ของภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อนด้วย Policybazaar, redBus และ Tokopedia

หลักสูตรวิดีโอ 10 ส่วนเพื่อเรียนรู้ข้อมูลทั้งหมดเกี่ยวกับภาพเคลื่อนไหวแบบเลื่อน

ข้อเสนอในการกำหนดการก่ออิฐและตารางกริดในข้อกำหนดเฉพาะ

เริ่มต้นการเปลี่ยนมุมมองข้ามเอกสารสำหรับใช้ในแอปพลิเคชันแบบหลายหน้า (MPA)

View Transition API ช่วยให้คุณเพิ่มการเปลี่ยนไปมาระหว่างมุมมองของเว็บไซต์ได้

ตั้งแต่ Chrome 122 เป็นต้นไป องค์ประกอบ `::backdrop" จะสืบทอดพร็อพเพอร์ตี้จากองค์ประกอบต้นทาง

ใช้คุณสมบัติ "scrollbar-width" และ "scrollbar-color" เพื่อจัดรูปแบบแถบเลื่อน

สร้างแอคคอร์เดียนพิเศษซึ่งมีองค์ประกอบ "" หลายรายการที่มี "ชื่อ" เหมือนกัน

ปี 2023 เป็นปียิ่งใหญ่ของ CSS เรียนรู้เกี่ยวกับสิ่งที่เกิดขึ้นใน Chrome และทั่วทั้งแพลตฟอร์มเว็บในปีนี้

ดูวิธีใช้ @scope เพื่อเลือกองค์ประกอบภายในแผนผังย่อยที่จำกัดของ DOM เท่านั้น

ขอแนะนำ linear() ซึ่งเป็นฟังก์ชันการค่อยๆ เปลี่ยนใน CSS ที่แทรกสลับเป็นเส้นตรงระหว่างจุดของจุดต่างๆ เพื่อสร้างเอฟเฟกต์การตีกลับและสปริงขึ้นใหม่

ฟีเจอร์ CSS และ UI 20 อันดับแรกซึ่งไฮไลต์ในงาน Google I/O 2023 ที่คุณไม่ควรพลาด

ดูวิธีการใช้ไทม์ไลน์การเลื่อนและดูไทม์ไลน์เพื่อสร้างภาพเคลื่อนไหวแบบเลื่อนในลักษณะประกาศ

ฟีเจอร์หนึ่งของ CSS Preprocessor ที่เราโปรดปรานได้รวมอยู่ในภาษาแล้ว ซึ่งก็คือการซ้อนกฎสไตล์

คณะทำงานของ CSS ยังคงหารือกันต่อไปถึงวิธีที่ดีที่สุดในขั้นตอนการกำหนดการซ้อนพื้นที่ใน CSS หากคุณเป็นผู้เขียน CSS เราต้องการความช่วยเหลือจากคุณ

การเปลี่ยนแปลงที่จะเกิดขึ้นกับลักษณะการปรับขนาดวิวพอร์ตใน Chrome 108, เหตุใด Chrome จึงทำการเปลี่ยนแปลงนี้ และสิ่งที่ต้องเตรียมรับมือ

Chrome 106 กำลังเปิดตัวแล้ว มี API นานาชาติใหม่เพื่อให้คุณควบคุมการจัดรูปแบบตัวเลขได้มากขึ้น Pop Up API ใหม่นี้มีช่วงทดลองใช้จากต้นทาง ซึ่งจะช่วยให้แสดงเนื้อหาที่สำคัญแก่ผู้ใช้ได้อย่างง่ายดาย โดยมีการปรับปรุง CSS หลายประการ และยังมีอื่นๆ อีกมากมาย

ลองดูการเปลี่ยนแปลงล่าสุดบางส่วนใน Chrome DevTools ซึ่งปรับปรุงประสบการณ์การแก้ไขข้อบกพร่องและการทำโปรไฟล์เมื่อทำงานกับ Bundler เฟรมเวิร์ก และโค้ดของบุคคลที่สาม

การใช้ Angular เป็นการทดสอบนำร่องทำให้ทีม Chrome DevTools และทีม Angular ทำงานร่วมกันเพื่อมอบประสบการณ์การแก้ไขข้อบกพร่องที่ดียิ่งขึ้น กรอบการทำงานอื่นๆ อาจมีการเปลี่ยนแปลงในลักษณะเดียวกัน

"เลเยอร์ Cascade เป็น CSS API ใหม่ที่จะช่วยคุณจัดการลำดับความสำคัญแบบ Cascade ของโค้ด ซึ่งจะนำผู้ใช้ไปยังเบราว์เซอร์ที่ทันสมัยทั้งหมดในเร็วๆ นี้"

Chrome 89 กำลังเปิดตัวแล้ว WebHID, WebNFC และ Web Serial ได้ผ่านช่วงทดลองใช้จากต้นทางและตอนนี้พร้อมใช้งานในเวอร์ชันเสถียรแล้ว เรากำลังปิดช่องโหว่ที่นักพัฒนาซอฟต์แวร์ 2-3 รายใช้ดำเนินการตรวจสอบความสามารถในการติดตั้งของ PWA การแชร์เว็บและเป้าหมายการแชร์เว็บพร้อมให้บริการบนเดสก์ท็อป ยังมีอีกมากมาย

When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?

Pre-filter a set of child elements before applying An+B logic on it.