เว็บ

W3C ที่ยี่สิบห้า

ในบทความนี้ Rachel Andrew อธิบายว่า W3C ทำงานอย่างไรและแชร์ “Web Story” ของเธอเพื่ออธิบายว่าทำไมกระบวนการมาตรฐานเว็บจึงมีความสำคัญอย่างยิ่งสำหรับทุกคนที่จะมีแพลตฟอร์มเว็บแบบเปิดที่พวกเขาสามารถแบ่งปันเรื่องราวและสร้างสิ่งที่ยอดเยี่ยมสำหรับเว็บ ด้วยกัน.

อ่านเพิ่มเติม

คำแนะนำเกี่ยวกับ CSS DevTools ใหม่และทดลองใน Firefox

นับตั้งแต่เปิดตัว Grid Inspector ทีมงาน Firefox DevTools ได้รับแรงบันดาลใจในการสร้างชุดเครื่องมือใหม่ในการแก้ปัญหาของเว็บสมัยใหม่ ในบทความนี้ เราจะเรียนรู้เกี่ยวกับเครื่องมือทั้ง 7 อย่างและดูโครงการในอนาคตที่อาจเกิดขึ้น

อ่านเพิ่มเติม

วิธีการใช้เบรดครัมบ์บน PWA

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

อ่านเพิ่มเติม

การพัฒนาปลั๊กอินแบบกำหนดเองสำหรับ CMS เดือนตุลาคม

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

อ่านเพิ่มเติม

ระบบการออกแบบเป็นเรื่องเกี่ยวกับความสัมพันธ์

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

อ่านเพิ่มเติม

รูปแบบการออกแบบบรรณาธิการด้วยตาราง CSS และคอลัมน์ที่มีชื่อ

โดยการตั้งชื่อบรรทัดเมื่อตั้งค่าเค้าโครง CSS Grid ของเรา เราสามารถใช้ประโยชน์จากคุณสมบัติที่น่าสนใจและมีประโยชน์บางอย่างของ Grid — คุณสมบัติที่จะมีประสิทธิภาพมากยิ่งขึ้นเมื่อเราแนะนำ Sub-grids

อ่านเพิ่มเติม

การตัดสินใจออกแบบที่ได้รับแรงบันดาลใจจาก Bea Feitler: พลังสร้างสรรค์ที่ไม่มีใครหยุดยั้ง

ในภาคที่ 5 ของ Inspired Design Decisions นี้ Andy Clarke จะสอนคุณเกี่ยวกับ Bea Feitler ผู้กำกับ Harper's Bazaar ตลอดช่วงทศวรรษ 1960 และได้รับการขนานนามว่าเป็น “ผู้กำกับศิลป์หญิงผู้บุกเบิกที่คุณไม่เคยได้ยินชื่อมาก่อน” Andy จะสอนคุณเกี่ยวกับงานที่มั่นใจของ Feitler และแสดงวิธีใช้เทคนิคการออกแบบของเธอกับงานที่คุณสร้างสำหรับเว็บ ในบทความนี้ คุณจะได้เรียนรู้วิธีเน้นสเกลและรักษาคอนทราสต์แม้ในหน้าจอที่เล็กที่สุด Andy จะสอนวิธีเลือกสีอย่างมั่นใจ และวิธีใช้ลวดลายและพื้นผิวเพื่อเพิ่มความลึกให้กับงานออกแบบของคุณ

อ่านเพิ่มเติม

SmashingConf 2020 – ซานฟรานซิสโก ไฟร์บูร์ก นิวยอร์ก และออสติน

มันเป็นทางการ! ปีหน้า เราจะจัด SmashingConf ในแต่ละเมืองเหล่านี้: ซานฟรานซิสโก ไฟร์บูร์ก นิวยอร์ก และออสติน! เรากำลังวางแผนที่จะต่อยอดจากความสำเร็จและสิ่งที่เราได้เรียนรู้ในปี 2019 เพื่อให้เราสามารถนำการเรียนรู้จริงสองวันมาให้คุณ — พร้อมความสนุกสนานและความประหลาดใจมากมายไปพร้อมกัน!

อ่านเพิ่มเติม

การย้ายถิ่นของแฟรงเกนสไตน์: แนวทางกรอบงาน-ไม่เชื่อเรื่องพระเจ้า (ตอนที่ 2)

ก่อนอ่านควรกลับไป [ตอนที่ 1](https://www.smashingmagazine.com/2019/09/frankenstein-migration-framework-agnostic-approach-part-1/) ก่อน เพราะจะช่วยให้คุณ เพื่อติดตามต่อในบทความที่สองนี้

อ่านเพิ่มเติม

การสร้างตารางใน Figma

นี่คือคำแนะนำโดยละเอียดสำหรับผู้ที่มีปัญหากับตารางใน Figma เราจะสร้างตารางโดยใช้ส่วนประกอบ เพื่อให้คุณประหยัดเวลาได้มากในการปรับขยายและการแก้ไข นอกจากนี้ คุณจะสามารถรวมตารางเข้ากับระบบการออกแบบของคุณได้อย่างง่ายดาย

อ่านเพิ่มเติม