เว็บ
วิธีการใช้การรับรองความถูกต้องใน Next.js ด้วย Auth0
บทแนะนำทีละขั้นตอนเกี่ยวกับการเพิ่มการตรวจสอบสิทธิ์และการให้สิทธิ์ในแอป Next.js ของคุณด้วย Auth0 เราจะใช้ Next.js SDK เพื่อเชื่อมต่อแอปพลิเคชันของเรากับ Auth0 API และจะสร้างเส้นทาง API แบบไดนามิกสำหรับ React
อ่านเพิ่มเติมรูปแบบการออกแบบที่น่าผิดหวัง: Mega-Dropdown Hover Menus
ทุกสิ่งที่ต้องคำนึงถึงเมื่อออกแบบและสร้างเมกะดรอปดาวน์ ข้อผิดพลาดทั่วไป ความล่าช้าในการเข้า/ออก เทคนิคสามเหลี่ยมวิถี และพื้นที่ทางออก SVG
อ่านเพิ่มเติมวิธีสร้าง แก้ไข และทำให้ SVG เคลื่อนไหวทั้งหมดในที่เดียวด้วย SVGator 3.0
วันนี้ เรากำลังเจาะลึกถึง [SVGator 3.0](https://www.svgator.com/?utm_source=article&utm_medium=smashingmag&utm_campaign=svgator3_smashing) เวอร์ชันหลักใหม่ของแอปพลิเคชัน SVG ยอดนิยมที่ให้คุณสร้าง แก้ไข และ ทำให้ไฟล์ SVG เคลื่อนไหวและใช้ประโยชน์สูงสุดจากสิ่งที่ SVG มีให้ — ตั้งแต่ต้นจนจบ
อ่านเพิ่มเติมSmashing Podcast ตอนที่ 37 กับ Adam Argyle: VisBug คืออะไร?
ในตอนนี้ เรากำลังพูดถึง VisBug มันคืออะไร และแตกต่างจากอาร์เรย์ของตัวเลือกที่มีอยู่แล้วใน Chrome DevTools อย่างไร Drew McLellan พูดคุยกับผู้สร้าง Adam Argyle เพื่อหาคำตอบ
อ่านเพิ่มเติมเราปรับปรุง Core Web Vitals ของเราอย่างไร (กรณีศึกษา)
“Page Experience Update” ของ Google จะเริ่มเปิดตัวในเดือนมิถุนายน ในตอนแรก ไซต์ที่ตรงตามเกณฑ์ Core Web Vitals จะมีข้อได้เปรียบในการจัดอันดับเล็กน้อยในการค้นหาบนมือถือสำหรับเบราว์เซอร์ทั้งหมด การค้นหามีความสำคัญต่อทุกธุรกิจ และนี่คือเรื่องราวของ Beau Hartshorne และทีมงานของเขาที่ค้นหาโดเมนทันทีปรับปรุงคะแนน Core Web Vitals ของพวกเขาได้อย่างไร
อ่านเพิ่มเติมการเขย่าต้นไม้: คู่มืออ้างอิง
“Tree-shaking” เป็นการเพิ่มประสิทธิภาพการทำงานที่ต้องมีเมื่อรวม JavaScript ในบทความนี้ เราจะเจาะลึกถึงวิธีการทำงานและวิธีการที่ข้อมูลจำเพาะและการปฏิบัติเชื่อมโยงกันเพื่อให้บันเดิลมีความบางและมีประสิทธิภาพมากขึ้น นอกจากนี้ คุณยังจะได้รับรายการตรวจสอบการสั่นของต้นไม้เพื่อใช้สำหรับโครงการของคุณ
อ่านเพิ่มเติมรูปแบบการออกแบบที่น่าผิดหวังที่ต้องแก้ไข: ตัวเลือกวันเกิด
ในบทความชุดใหม่นี้เกี่ยวกับ UX เราจะพิจารณารูปแบบการออกแบบที่น่าผิดหวังอย่างละเอียดถี่ถ้วนและสำรวจทางเลือกที่ดีกว่า พร้อมด้วยตัวอย่างมากมายที่ควรคำนึงถึงเมื่อสร้างหรือออกแบบรูปแบบ เริ่มต้นด้วยเครื่องมือเลือกวันเกิดที่น่าอับอาย
อ่านเพิ่มเติมเรื่องเล็ก ๆ น้อย ๆ ที่ยอดเยี่ยม
วันนี้เป็นวันที่เราส่งจดหมายข่าว Smashing ฉบับที่ 300 ออกไป บทความนี้เป็นการเฉลิมฉลองเล็กๆ น้อยๆ ที่เราแบ่งปันเรื่องราว Smashing เล็กๆ น้อยๆ จากคนที่ทำงานอยู่เบื้องหลัง
อ่านเพิ่มเติมทำความเข้าใจกับฟังก์ชัน Easing สำหรับ CSS Animations และ Transitions
ฟังก์ชันการค่อยๆ เปลี่ยนสามารถเปลี่ยนรูปลักษณ์ของแอนิเมชันโดยส่งผลต่ออัตราหรือความเร็วของแอนิเมชัน ในบทความนี้ เราจะเจาะลึกถึงฟังก์ชันการค่อยๆ เปลี่ยน และดูว่าเราจะใช้ฟังก์ชันเหล่านี้สร้างภาพเคลื่อนไหวที่เป็นธรรมชาติและน่าทึ่งได้อย่างไร
อ่านเพิ่มเติมวิธีการอบเลเยอร์ของการทดสอบการช่วยสำหรับการเข้าถึงในกระบวนการของคุณ
ผู้เชี่ยวชาญด้านการช่วยการเข้าถึง Kate Kalcevich และ Mike Gifford แนะนำให้ผู้อ่านรู้จัก "การทดสอบการช่วยสำหรับการเข้าถึงแบบหลายชั้น" ซึ่งเป็นแนวทางปฏิบัติในการใช้เครื่องมือและแนวทางที่หลากหลายในขั้นตอนต่างๆ ในวงจรชีวิตผลิตภัณฑ์ดิจิทัลเพื่อตรวจจับปัญหาการช่วยสำหรับการเข้าถึงได้ตั้งแต่เนิ่นๆ เมื่อแก้ไขได้ง่ายกว่าและถูกกว่า
อ่านเพิ่มเติม