เราต้องการช่วยให้คุณสร้างเว็บไซต์ที่สวยงาม เข้าถึงได้ รวดเร็ว และปลอดภัย ซึ่งใช้งานได้กับทุกเบราว์เซอร์และสำหรับผู้ใช้ทุกคน เว็บไซต์นี้เป็นศูนย์กลางของเนื้อหาที่จะช่วยคุณในเส้นทางดังกล่าว ซึ่งเขียนโดยสมาชิกในทีม Chrome และผู้เชี่ยวชาญภายนอกที่มีความเชี่ยวชาญในหัวข้อการพัฒนาเว็บ เช่น การช่วยเหลือพิเศษ ประสิทธิภาพ การออกแบบ และอื่นๆ
ข้อมูลพื้นฐานของแพลตฟอร์มเว็บจะอธิบายข้อมูลเกี่ยวกับการสนับสนุนของเบราว์เซอร์สำหรับฟีเจอร์ของแพลตฟอร์มเว็บอย่างชัดเจน โดยให้ข้อมูลชัดเจนว่าฟีเจอร์ใดของแพลตฟอร์มเว็บที่พร้อมใช้งานในโปรเจ็กต์ของคุณในปัจจุบัน เมื่ออ่านบทความใน web.dev หากฟีเจอร์ที่ใช้ทั้งหมดเป็นส่วนหนึ่งของ Baseline คุณสามารถเชื่อถือระดับความเข้ากันได้ของเบราว์เซอร์ได้
ดูข้อมูลเพิ่มเติม
ดูแหล่งข้อมูลที่สร้างขึ้นเพื่อช่วยให้คุณเข้าใจและสร้างประสบการณ์การใช้งานบนเว็บที่มีประสิทธิภาพด้วย AI
ดูข้อมูลเพิ่มเติม
ตอนนี้ Interaction to Next Paint (INP) เป็นเมตริกของ Core Web Vitals แล้ว เริ่มวัดและเพิ่มประสิทธิภาพ INP ของเว็บไซต์
ดูข้อมูลเพิ่มเติม
อ่านเกี่ยวกับฟีเจอร์ล่าสุดและแนวทางปฏิบัติแนะนำเกี่ยวกับการประมวลผลการชำระเงินและตัวตน
ดูข้อมูลเพิ่มเติม
แพลตฟอร์มเว็บเป็นระบบนิเวศที่เปลี่ยนแปลงอยู่ตลอดเวลาของฟีเจอร์และ API ของเบราว์เซอร์ที่นักพัฒนาซอฟต์แวร์สามารถใช้เพื่อสร้างเว็บไซต์ที่ใช้งานง่ายและน่าพึงพอใจ หน้าเหล่านี้เป็นเส้นทางให้คุณเจาะลึกแต่ละส่วนของแพลตฟอร์มเว็บใน web.dev ในแบบของคุณ
HTML คือเลเยอร์เอกสารของเว็บ ซึ่งให้โครงสร้างและความหมายของหน้าเว็บ
ดูข้อมูลเพิ่มเติม
CSS เป็นเลเยอร์การแสดงผลของเว็บ และช่วยให้หน้าเว็บมีรูปลักษณ์ตามที่ต้องการ
ดูข้อมูลเพิ่มเติม
JavaScript ช่วยให้หน้าเว็บมีการโต้ตอบที่หลากหลาย ซึ่งช่วยให้นักพัฒนาซอฟต์แวร์สร้างเว็บไซต์แบบอินเทอร์แอกทีฟที่หลากหลายซึ่งช่วยให้ผู้ใช้ทำงานและบรรลุเป้าหมายได้
ดูข้อมูลเพิ่มเติม
หากเพิ่งเคยใช้แพลตฟอร์มเว็บ ไม่ต้องกังวลไป เราช่วยคุณได้ เจาะลึกแต่ละส่วนของแพลตฟอร์มเว็บด้วยหลักสูตรเหล่านี้ที่คัดสรรมาสำหรับผู้เริ่มต้นใช้งาน HTML, CSS และ JavaScript โดยเฉพาะ
หลักสูตร
ภาพรวมของ HTML สำหรับนักพัฒนาซอฟต์แวร์ ตั้งแต่ HTML มือใหม่ไปจนถึงระดับผู้เชี่ยวชาญ
เริ่มหลักสูตร
หลักสูตร
คู่มือสำหรับ CSS ที่มีโมดูลที่ครอบคลุมทุกอย่างตั้งแต่การช่วยเหลือพิเศษไปจนถึงดัชนี z
เริ่มหลักสูตร
หลักสูตร
หลักสูตรเชิงลึกเกี่ยวกับพื้นฐานของ JavaScript
เริ่มหลักสูตร
บล็อกของเรามีข่าวสารล่าสุดเกี่ยวกับการพัฒนาเว็บ รวมถึงฟีเจอร์ใหม่ของแพลตฟอร์มเว็บ การอัปเดต Baseline, AI, Core Web Vitals และอื่นๆ ติดตามข้อมูลอัปเดตล่าสุดได้ในบล็อกของเรา
อ่านบล็อก

การออกแบบ CSS และ UI

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

Core Web Vitals

สร้างเว็บไซต์และแอปที่เร็วขึ้นโดยทำความเข้าใจ Core Web Vitals และเมตริกอื่นๆ
สำรวจ Core Web Vitals
การโต้ตอบกับ Next Paint จะกลายเป็น Core Web Vitals อย่างเป็นทางการและจะแทนที่ First Input Delay ในวันที่ 12 มีนาคม
ดูวิธีเพิ่มประสิทธิภาพเมตริก การโต้ตอบกับ Next Paint
แนวทางปฏิบัติแนะนำในการเพิ่มประสิทธิภาพ Core Web Vitals ของเว็บไซต์ตามสถานะของเว็บ
สำรวจความเข้าใจผิดที่พบบ่อยเกี่ยวกับการเพิ่มประสิทธิภาพ Largest Contentful Paint (LCP) โดยมองข้ามการเพิ่มประสิทธิภาพรูปภาพและพิจารณาปัจจัยต่างๆ เช่น Time to First Byte (TTFB) และเวลาในการตอบสนองของทรัพยากร

Progressive Web App

สร้างประสบการณ์การใช้งานเว็บที่มีประสิทธิภาพ
ข้อมูลเพิ่มเติมเกี่ยวกับ PWA
หลักสูตรที่แจกแจงทุกแง่มุมของการพัฒนา Progressive Web App ที่ทันสมัย
ตอนนี้การสตรีมเปลี่ยนรูปแบบได้รับการสนับสนุนใน Safari, Firefox และ Chrome แล้ว ในที่สุดสตรีมดังกล่าวก็พร้อมเผยแพร่ในวงกว้าง
สำรวจคอลเล็กชันรูปแบบใหม่อันน่าทึ่งสำหรับแอปที่น่าทึ่ง รวมถึงรูปแบบคลิปบอร์ด รูปแบบไฟล์ และรูปแบบแอปขั้นสูง
สำรวจ API ความสามารถต่างๆ ในเว็บไซต์นักพัฒนาซอฟต์แวร์ Chrome

เข้าถึงได้สำหรับทุกคน

ดูวิธีทำให้เว็บไซต์เข้าถึงได้ง่ายขึ้นสำหรับผู้พิการ ไม่ว่าจะเป็นแบบถาวร ชั่วคราว หรือตามสถานการณ์
ข้อมูลเพิ่มเติมเกี่ยวกับการช่วยเหลือพิเศษ
หลักสูตรใหม่ของเราเป็นจุดเริ่มต้นที่ดีและแหล่งอ้างอิงสำหรับหัวข้อเกี่ยวกับการช่วยเหลือพิเศษ
ภาพรวมของเครื่องมือและเทคนิค 3 รายการสำหรับการทดสอบและยืนยันคอนทราสต์ของสีที่เข้าถึงได้ในการออกแบบ
บทแนะนํานี้จะอธิบายวิธีสร้างการนําทางหลักที่เข้าถึงได้ของเว็บไซต์ คุณจะได้ดูข้อมูลเกี่ยวกับ HTML เชิงความหมาย การช่วยเหลือพิเศษ และการใช้แอตทริบิวต์ ARIA ในบางครั้งอาจส่งผลเสียมากกว่าผลดี
อ่านบทสัมภาษณ์ของเรากับ Melanie วิศวกรซอฟต์แวร์ที่เชี่ยวชาญด้านการเข้าถึงแบบดิจิทัล

การชำระเงินและข้อมูลระบุตัวตน

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

จดหมายข่าวนักพัฒนาซอฟต์แวร์

รับข่าวสาร เทคนิค และข้อมูลอัปเดตล่าสุดที่ส่งตรงถึงกล่องจดหมายของคุณ