สรุปประกาศสำคัญทั้งหมดจากงาน Chrome Dev Summit ปี 2021 พร้อมด้วยลิงก์ที่ต้องใช้เพื่อดูข้อมูลเพิ่มเติม
โพสต์นี้สรุปประกาศสำคัญทั้งหมดจากงาน Chrome Dev Summit ปี 2021 พร้อมด้วยลิงก์ที่คุณต้องใช้เพื่อดูข้อมูลเพิ่มเติม
ทำให้เว็บทำงานร่วมกันได้มากขึ้น
ความเข้ากันได้กับเว็บเป็นความท้าทายที่ใหญ่ที่สุดอย่างหนึ่งสำหรับนักพัฒนาเว็บ Google จึงได้ร่วมมือกับผู้ให้บริการเบราว์เซอร์รายอื่นเพื่อแก้ไขประเด็นปัญหาความเข้ากันได้ 5 อันดับแรก ได้แก่ flexbox, grid, position: sticky, aspect-ratio และtransforms
การทำงานได้นำไปสู่การปรับปรุงในส่วนที่สำคัญเหล่านี้ไปแล้ว คุณอ่านข้อมูลเกี่ยวกับการอัปเดตเหล่านั้นได้ในการอัปเดตกลางปี 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 และยังเป็นการปลดล็อกฟีเจอร์ใหม่ๆ ด้วย ซึ่งรวมถึงฟีเจอร์ 1 ที่เป็นคำขอยอดนิยมจากนักพัฒนาเว็บมาเป็นเวลาหลายปีแล้ว ซึ่งก็คือการค้นหาคอนเทนเนอร์
คำค้นหาคอนเทนเนอร์จะดูคุ้นตาสำหรับทุกคนที่เคยใช้คิวรี่สื่อเพื่อสร้างการออกแบบที่ปรับเปลี่ยนตามอุปกรณ์
อย่างไรก็ตาม ภายในการค้นหาขนาดวิวพอร์ต ขนาดเหล่านี้จะช่วยให้คุณค้นหาขนาดของคอนเทนเนอร์ที่มีคอมโพเนนต์อยู่ได้
Google กำลังดำเนินการทดลองใช้ข้อกำหนดจำเพาะใหม่ๆ ตามหลัง Flag #enable-container-queries ใน Chrome
อ่านบล็อกโพสต์เกี่ยวกับ RenderingNG โดยละเอียด หรือดูวิดีโอนี้เพื่อดูรายละเอียดสำคัญทั้งหมดของการดำเนินการนี้เพื่อปลดล็อกการใช้งานฟีเจอร์ที่ก่อนหน้านี้คิดว่าเป็นไปไม่ได้
ช่วยคุณสร้างเว็บไซต์ที่สวยงามและตอบสนองได้ดี
การออกแบบที่ปรับเปลี่ยนตามอุปกรณ์ใหม่เป็นมากกว่าแค่ขนาดของหน้าจอหรือคอนเทนเนอร์ คุณดูวิธีสร้างเว็บไซต์ที่ปรับเปลี่ยนตามอุปกรณ์ที่ทันสมัยได้ในหลักสูตร Learn Design โมดูล 5 รายการแรกเปิดตัวในวันนี้ โดยจะโพสต์ส่วนที่เหลือในอีกไม่กี่สัปดาห์ข้างหน้า
พร็อพเพอร์ตี้ CSS ใหม่ๆ เข้ามาอยู่ใน Chrome และเบราว์เซอร์อื่นๆ ในปีนี้เพื่อมอบประสบการณ์การใช้งานที่ยอดเยี่ยมง่ายดายยิ่งขึ้น
ดูข้อมูลเพิ่มเติมเกี่ยวกับ accent-color และ size-adjust
เราได้เปิดตัวรูปแบบเลย์เอาต์เพื่อช่วยให้คุณใช้ประโยชน์จาก CSS ใหม่ได้อย่างรวดเร็ว วิธีนี้จะเป็นจุดเริ่มต้นที่มีประสิทธิภาพสำหรับรูปแบบอินเทอร์เฟซทั่วไปต่างๆ
จัดหลักสูตรเพื่อช่วยให้คุณเรียนรู้เทคโนโลยีบนเว็บ
นอกเหนือจากเรียนรู้การออกแบบแล้ว เรายังจะเปิดตัวโมดูลใหม่สำหรับ Learn CSS ซึ่งเป็นหลักสูตร CSS ที่ครอบคลุมซึ่งเปิดตัวไปเมื่อต้นปีนี้
นอกจากนี้เรายังได้พัฒนาหลักสูตรที่สมบูรณ์ซึ่งจะช่วยคุณออกแบบแบบฟอร์มที่ใช้งานได้และเข้าถึงง่าย นั่นก็คือ Learn Forms คุณจะดูโมดูลแรกๆ ของ Learn PWA พร้อมกับหลักสูตรเหล่านี้ได้