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