สรุปประกาศสำคัญทั้งหมดจากงาน Chrome Dev Summit ปี 2021 พร้อมลิงก์ที่คุณต้องหาข้อมูลเพิ่มเติม
โพสต์นี้สรุปประกาศสำคัญทั้งหมดจากงาน Chrome Dev Summit ปี 2021 พร้อมลิงก์ที่คุณต้องการทราบเพิ่มเติม
ทำให้เว็บทำงานร่วมกันได้มากขึ้น
ความเข้ากันได้ของเว็บเป็นหนึ่งในความท้าทายที่ยิ่งใหญ่ที่สุดสำหรับนักพัฒนาเว็บ Google จึงร่วมมือกับผู้ให้บริการเบราว์เซอร์อื่นๆ เพื่อแก้ไขปัญหาด้านความเข้ากันได้ 5 อันดับแรก ได้แก่ flexbox,
grid,
position: sticky,
aspect-ratio และtransforms
ความพยายามดังกล่าวนำมาซึ่งการปรับปรุงในด้านหลักๆ เหล่านี้แล้ว อ่านข้อมูลเหล่านั้นได้ในการอัปเดตช่วงกลางปีของ Compat 2021
อนุญาตให้แอปพลิเคชันคลาสใหม่ทำงานบนเว็บ
Project Fugu เป็นความพยายามที่จะอนุญาตให้แอปพลิเคชันคลาสใหม่ๆ ใช้งานบนเว็บ ดูความคืบหน้าของ Fugu API ได้ที่ fugu-tracker.web.app
เมื่อเร็วๆ นี้ Adobe ได้ประกาศว่าบริษัทจะนำ Photoshop มาสู่เว็บ ซึ่งเกิดจากความร่วมมือระหว่าง Adobe, Google และองค์กรด้านมาตรฐานเว็บ ดูข้อมูลเพิ่มเติมได้ในโพสต์เส้นทางสู่เว็บของ Photoshop
รับประกันความเป็นส่วนตัว
ฟังก์ชันเว็บทั่วไปหลายรายการต้องอาศัยคุกกี้ของบุคคลที่สามและกลไกการติดตามข้ามเว็บไซต์ที่ไม่ได้ออกแบบโดยคำนึงถึงความเป็นส่วนตัว ทำให้นักพัฒนาแอปตอบสนองความต้องการด้านความเป็นส่วนตัวที่เพิ่มขึ้นได้ยาก
เราร่วมมือกับชุมชนเว็บและผู้มีส่วนเกี่ยวข้องในอุตสาหกรรมเพื่อพัฒนาเทคโนโลยีการรักษาความเป็นส่วนตัวใหม่ๆ เพื่อสนับสนุนระบบนิเวศนี้ โดยตั้งเป้าที่จะเลิกใช้คุกกี้ของบุคคลที่สาม และลดการติดตามโดยไม่เปิดเผยและการเก็บลายนิ้วมือของเบราว์เซอร์
ดูข้อมูลเกี่ยวกับการดำเนินการนี้ในเว็บไซต์ Privacy Sandbox นอกจากนี้ เรายังมีข้อมูลและคำแนะนำเกี่ยวกับข้อเสนอสำหรับนักพัฒนาซอฟต์แวร์ การอัปเดตหรือการเปลี่ยนแปลงและความคืบหน้ารายเดือน ตลอดจนข้อมูลเกี่ยวกับไทม์ไลน์และรายละเอียดการทดสอบสำหรับการเปลี่ยนแปลงสตริง User Agent
ปรับปรุง Core Web Vitals
เราได้ร่วมงานกับนักพัฒนาซอฟต์แวร์เฟรมเวิร์ก JavaScript ยอดนิยมเพื่อปรับปรุง Core Web Vitals และในส่วนนั้น เราได้ระบุเมตริกใหม่ 2 รายการที่เราอยากทราบความคิดเห็นของคุณ อ่านเกี่ยวกับการตอบสนองโดยรวมและความราบรื่น แล้วบอกให้เรารู้ว่าคุณคิดอย่างไร
นอกจากนี้ เราได้ประกาศเปิดตัว PageSpeed Insights เวอร์ชันอัปเดต, แผงบันทึกสำหรับ Chrome DevTools ใหม่ซึ่งปัจจุบันมีให้บริการใน Canary และ API การไหลเวียนของผู้ใช้ใหม่สำหรับ Lighthouse
เปิดใช้ฟีเจอร์แพลตฟอร์มเว็บใหม่
RenderingNG เป็นการเปลี่ยนโครงสร้างภายในโค้ดของเครื่องมือแสดงผลของ Chromium แบบมากๆ ซึ่งเป็นโปรเจ็กต์ที่แก้ไขข้อบกพร่องที่มีมาเป็นเวลานานใน Chrome รวมถึงปลดล็อกฟีเจอร์ใหม่ๆ ด้วย ซึ่งรวมถึงฟีเจอร์หนึ่งที่ได้รับการร้องขอมากที่สุดจากนักพัฒนาเว็บมาตลอดหลายปี นั่นก็คือคำค้นหาของคอนเทนเนอร์
คำค้นหาคอนเทนเนอร์จะดูเป็นที่คุ้นเคยสำหรับทุกคนที่เคยใช้คำค้นหาสื่อเพื่อสร้างการออกแบบที่ปรับเปลี่ยนตามอุปกรณ์
อย่างไรก็ตาม ภายในการค้นหาขนาดวิวพอร์ต จะช่วยให้คุณค้นหาขนาดของคอนเทนเนอร์ที่คอมโพเนนต์อยู่ได้
Google กำลังดำเนินการทดลองใช้ข้อกำหนดจำเพาะใหม่ซึ่งอยู่หลังแฟล็ก #enable-container-queries ใน Chrome
อ่านบล็อกโพสต์เกี่ยวกับโหมด RenderingNG โดยละเอียด หรือดูวิดีโอนี้เพื่อดูรายละเอียดสำคัญทั้งหมดเกี่ยวกับวิธีที่การดำเนินการนี้ช่วยให้ใช้ฟีเจอร์ต่างๆ ที่เคยคิดว่าจะมาไม่ได้
ช่วยคุณสร้างเว็บไซต์ที่สวยงามและตอบสนองตามอุปกรณ์
การออกแบบที่ปรับเปลี่ยนตามอุปกรณ์ใหม่ไม่ใช่แค่หน้าจอหรือขนาดคอนเทนเนอร์ คุณสามารถเรียนรู้วิธีสร้างเว็บไซต์ที่ตอบสนองตามอุปกรณ์อันทันสมัยได้ในหลักสูตรเรียนรู้การออกแบบของเรา โมดูล 5 รายการแรกเปิดตัวในวันนี้ ส่วนที่เหลือจะโพสต์ในอีกไม่กี่สัปดาห์ข้างหน้า
คุณสมบัติใหม่ของ CSS พร้อมให้ใช้งานใน Chrome และเบราว์เซอร์อื่นๆ ในปีนี้ เพื่อทำให้การสร้างประสบการณ์ในการใช้งานที่สวยงามง่ายขึ้น
ดูรายละเอียด accent-color และ size-adjust
เราได้เปิดตัวชุดรูปแบบเลย์เอาต์เพื่อช่วยให้คุณใช้ประโยชน์จาก CSS ใหม่ได้อย่างรวดเร็ว ซึ่งจะเป็นจุดเริ่มต้นที่มีประสิทธิภาพสำหรับรูปแบบอินเทอร์เฟซทั่วไปมากมาย
จัดทำหลักสูตรเพื่อช่วยให้คุณเรียนรู้เทคโนโลยีเว็บ
นอกเหนือจาก "เรียนรู้การออกแบบ" แล้ว เราจะเปิดตัวโมดูลใหม่สำหรับ Learn CSS ซึ่งเป็นหลักสูตร CSS ที่ครอบคลุมของเราซึ่งเปิดตัวไปเมื่อต้นปีนี้
นอกจากนี้เรายังได้พัฒนาหลักสูตรที่สมบูรณ์เพื่อช่วยคุณในการออกแบบแบบฟอร์มที่ใช้ได้จริงและเข้าถึงได้ง่าย ซึ่งก็คือฟอร์มการเรียนรู้ นอกเหนือจากหลักสูตรเหล่านี้แล้ว คุณยังดูโมดูลแรกๆ ของ Learn PWA ได้ด้วย