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