เว็บ

คำแนะนำที่ขาดหายไปที่ฉันต้องการเมื่อเริ่มต้นอาชีพของฉัน

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

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

ขอแนะนำเครื่องมือวิเคราะห์ภาพทดสอบความเร็วเว็บไซต์

นักพัฒนาเว็บใช้เวลาทั้งวันในการเขียนไฮเปอร์เท็กซ์ แต่สำหรับไบต์ต่อไบต์ เว็บส่วนใหญ่ประกอบด้วยรูปภาพ เป็นการยากที่จะพูดเกินจริงถึงผลกระทบที่ภาพมีต่อประสิทธิภาพของหน้าเว็บโดยเฉลี่ย เว็บไซต์ที่เร็วกว่านั้นเข้าถึงได้กว้างกว่าและมีผลกระทบสูงกว่า สิ่งแรกและสำคัญที่สุดที่คุณสามารถทำได้เพื่อ **ปรับปรุงประสิทธิภาพของรูปภาพในเว็บไซต์ของคุณ** คือ หาวิธีวัดภาพเหล่านั้น ป้อน _การทดสอบความเร็วเว็บไซต์_ ซึ่งเป็นเครื่องมือที่ไม่เสียค่าใช้จ่ายและใช้งานได้ง่าย ที่ใช้ประโยชน์จากสมาร์ทอิมเมจของเรา (Cloudinary) เพื่อให้คุณวัด วินิจฉัย และ (สำคัญ) สื่อสารเกี่ยวกับประสิทธิภาพของรูปภาพของเว็บไซต์ใดๆ ยิ่งไปกว่านั้น มันถูกสร้างขึ้นบนและรวมเข้ากับ WebPagetest ของ Pat Meenan สนใจ? อ่านต่อ!

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

เราสร้างแอป iOS เพื่อถ่ายวิดีโอ 3 มิติได้อย่างไร (กรณีศึกษา)

ในบทความนี้ Evgeny Khrolenok และ Igor Mikheiko แบ่งปันบทเรียนที่ได้รับขณะพัฒนาแอพเพื่อช่วยให้ผู้คนสร้างวิดีโอสเตอริโอ 3 มิติของตัวเอง

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

การสร้างไลบรารีรูปแบบด้วย Shadow DOM ใน Markdown

บางคนเกลียดการเขียนเอกสาร และบางคนก็เกลียดการเขียน ฉันชอบเขียน มิฉะนั้น คุณจะไม่อ่านข้อความนี้ ช่วยให้ฉันรักการเขียนเพราะในฐานะที่ปรึกษาด้านการออกแบบที่ให้คำแนะนำอย่างมืออาชีพ การเขียนเป็นส่วนสำคัญในสิ่งที่ฉันทำ แต่ฉันเกลียด เกลียด เกลียดโปรแกรมประมวลผลคำ เมื่อเขียนเอกสารทางเทคนิคเกี่ยวกับเว็บ (อ่าน: [ไลบรารีรูปแบบ](https://www.smashingmagazine.com/taking-pattern-libraries-next-level/)) โปรแกรมประมวลผลคำไม่ได้เป็นเพียงการไม่เชื่อฟัง แต่ไม่เหมาะสม ตามหลักการแล้ว ฉันต้องการโหมดการเขียนที่ช่วยให้ฉันสามารถรวมส่วนประกอบที่ฉันจัดทำเอกสารแบบอินไลน์ได้ และไม่สามารถทำได้เว้นแต่เอกสารประกอบเองจะประกอบด้วย HTML, CSS และ JavaScript ในบทความนี้ ฉันจะแบ่งปันวิธีการรวมการสาธิตโค้ดใน Markdown อย่างง่ายดาย โดยใช้รหัสย่อและการห่อหุ้ม Shadow DOM

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

วิธีการใช้การประชุมออกแบบรายสัปดาห์

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

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

ตัวอักษรแปรงมือซ้าย: วิธีการเริ่มต้น

ตัวอักษรและการประดิษฐ์ตัวอักษรกลายเป็นทักษะที่ต้องการอย่างรวดเร็วในกล่องเครื่องมือของนักออกแบบ นักออกแบบเช่น Marian Bantjes, Jessica Hische, Sean Wes และ Martina Flor ไม่เพียงเป็นแรงบันดาลใจให้กับพวกเราทุกคนเท่านั้น แต่ยังเป็นมาตรฐานอีกด้วย งานของพวกเขาไม่ใช่แค่ลูกค้าเท่านั้น พวกเขาได้กลายเป็นแบรนด์ของตัวเองด้วยการจัดหาผลิตภัณฑ์ให้กับผู้ติดตามเช่นกัน นักออกแบบคนอื่นๆ ได้ปฏิบัติตาม และตอนนี้ดูเหมือนว่าตัวอักษรและการประดิษฐ์ตัวอักษรมีอยู่ทั่วไป

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

การออกแบบหีบเพลงที่สมบูรณ์แบบ

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

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

เมื่อขนาดใหญ่ไม่ใหญ่พอ: การออกแบบด้วยอิมเมจฮีโร่

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

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

เพียงแค่เลื่อนต่อไป! วิธีการออกแบบหน้ายาวและยาว

เว็บไซต์ที่มีการเลื่อนแบบยาวหรือ [ไม่สิ้นสุด](https://www.smashingmagazine.com/2013/05/infinite-scrolling-lets-get-to-the-bottom-of-this/) กำลังเป็นที่นิยมมากขึ้นเรื่อยๆ และไม่ใช่กระแสหรือเรื่องบังเอิญ เทคนิคการเลื่อนแบบยาวทำให้ผู้ใช้สามารถสำรวจส่วนต่างๆ ของเนื้อหาได้โดยไม่หยุดชะงักหรือมีการโต้ตอบเพิ่มเติม — ข้อมูลจะปรากฏขึ้นเมื่อผู้ใช้เลื่อนหน้าลง

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

การพิมพ์ที่ตอบสนองต่อของไหลด้วย CSS Poly Fluid Sizing

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

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