เว็บ
ฉันมีส่วนร่วมในโอเพ่นซอร์สเอดิเตอร์ และคุณก็เช่นกัน
ไม่กี่เดือนที่ผ่านมา Jason Grigsby [โพสต์เกี่ยวกับการเติมข้อความอัตโนมัติในแบบฟอร์ม](https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/) เข้ารอบ ฉันชอบแนวคิดที่จะให้ผู้ใช้กรอกรายละเอียดบัตรเครดิตโดยการถ่ายภาพบัตร สิ่งที่ฉันไม่ชอบคือการเรียนรู้ [ทุกค่าที่เป็นไปได้สำหรับการป้อนข้อความอัตโนมัติด้วยใจ](https://html.spec.whatwg.org/multipage/forms.html#autofill) ฉันขี้เกียจในวัยชรา เมื่อเร็ว ๆ นี้ ฉันรู้สึกเบื่อหน่ายกับการใช้ตัวแก้ไขที่เติมข้อความอัตโนมัติอัจฉริยะให้ฉัน ซึ่งในอดีตมีเพียง IDEs ที่ซับซ้อนจำนวนมากเท่านั้นที่มีให้ เมื่อเปิดตัวแก้ไขที่ฉันเลือก ฉันได้สร้างองค์ประกอบ 'อินพุต' และเพิ่มแอตทริบิวต์ 'การเติมข้อความอัตโนมัติ' เพียงเพื่อจะพบว่าการเติมโค้ดเสร็จสมบูรณ์ทำให้ฉันมีสถานะ 'เปิด' หรือ 'ปิด' น่าผิดหวัง
อ่านเพิ่มเติมPhotoshop มารยาทสำหรับการออกแบบเว็บที่ตอบสนอง
เกือบห้าปีแล้วที่ [Photoshop Etiquette](https://photoshopetiquette.com/) เปิดตัว ซึ่งทำให้กลายเป็นของที่ระลึกบนเว็บอย่างเป็นทางการ สิ่งต่างๆ สามารถเกิดขึ้นได้มากมายบนเว็บภายในเวลาไม่กี่ปี และห้าปีที่ผ่านมานี้ได้แสดงให้เห็นแล้วว่าดีกว่าคนส่วนใหญ่
อ่านเพิ่มเติมวิธีเรียกใช้คำวิจารณ์การออกแบบ UI
การวิจารณ์เป็นเรื่องง่าย ดูเหมือนว่าทุกคนจะมีความคิดเห็น แต่อย่างที่ผู้เขียน Harlan Ellison ชี้ให้เห็น "คุณไม่มีสิทธิ์แสดงความคิดเห็นของคุณ การจะทราบข้อมูลนั้นจำเป็นต้องมีการสำรวจ การวิจารณ์การออกแบบเป็นส่วนสำคัญของการสำรวจผลิตภัณฑ์ คำติชมด้านการออกแบบ — ที่ผู้สร้างอภิปรายและอธิบายการสร้างสรรค์กับทีมงานและ/หรือลูกค้าที่เหลือ — ไม่ได้เกี่ยวกับการรังแกผู้ออกแบบหรือผลักดันให้พวกเขาพิสูจน์ทุกการตัดสินใจที่พวกเขาทำ นั่นเป็นเพียงการวิจารณ์ **การวิจารณ์การออกแบบที่ดีมีขึ้นเพื่อสำรวจการออกแบบ** หาจุดที่ทำงานและจุดที่ควรปรับปรุง หากทำได้ดี คำวิจารณ์ด้านการออกแบบจะทำให้ทุกคนในทีมรู้สึกเหมือนเคยได้ยินมาและให้ลูกค้าให้ข้อเสนอแนะอันมีค่า
อ่านเพิ่มเติมคู่มือสำหรับผู้เริ่มต้นใช้งานเว็บแอปแบบก้าวหน้า
กปปส.ใช้ประโยชน์จากเทคโนโลยีล่าสุดเพื่อรวมสิ่งที่ดีที่สุดของเว็บและแอพมือถือ บทความนี้กล่าวถึงความก้าวหน้าล่าสุดในเบราว์เซอร์และโอกาสที่เราในฐานะนักพัฒนาจะต้องสร้างเว็บแอปเจเนอเรชันใหม่
อ่านเพิ่มเติมประสบการณ์การออกแบบ Essentials: Microinteractions แบบเคลื่อนไหวในแอปบนอุปกรณ์เคลื่อนที่
Dariel Fitzkee นักมายากลชื่อดังเคยกล่าวไว้ว่า "เวทมนตร์เป็นทั้งรายละเอียดและในการแสดง" การออกแบบปฏิสัมพันธ์ก็เป็นเช่นนั้น นักออกแบบชอบที่จะให้ภาพรวมถูกต้อง แต่ถ้ารายละเอียดไม่ได้รับการจัดการอย่างเหมาะสม วิธีแก้ปัญหาก็จะล้มเหลว **ความมหัศจรรย์อยู่ในรายละเอียด** นั่นคือเหตุผลที่ไมโครอินเทอร์แอกชันที่ออกแบบมาอย่างดีทำให้ประสบการณ์ต่างๆ ถูกสร้างขึ้นมา เพื่อให้เข้าใจมากขึ้นว่าการออกแบบของคุณได้รับประโยชน์จากไมโครอินเทอร์แอกชันอย่างไร จะช่วยร่างแนวคิดแอพของคุณ Adobe เปิดตัวแอพการออกแบบและโครงร่างใหม่ที่เรียกว่า Experience Design (หรือ Adobe XD) ซึ่งช่วยให้คุณออกแบบโครงร่างและทำให้พวกเขาโต้ตอบได้ คุณสามารถดาวน์โหลดและทดสอบ Adobe XD ได้ฟรี
อ่านเพิ่มเติมนักพัฒนา "เป็นเจ้าของ" โค้ด ดังนั้นนักออกแบบไม่ควร "เป็นเจ้าของ" ประสบการณ์ใช่ไหม
เราทุกคนเคยไปที่นั่น คุณใช้เวลาหลายเดือนในการรวบรวมข้อกำหนดทางธุรกิจ หาเส้นทางของผู้ใช้ที่ซับซ้อน สร้างองค์ประกอบอินเทอร์เฟซที่แม่นยำ และทดสอบกับตัวอย่างที่เป็นตัวแทนของผู้ใช้ เพียงเพื่อดูผลิตภัณฑ์ขั้นสุดท้ายที่มีความคล้ายคลึงกับประสบการณ์ที่ต้องการเพียงเล็กน้อย
อ่านเพิ่มเติมการออกแบบหน่วยความจำของผู้ใช้: วิธีการออกแบบเพื่อประสบการณ์ที่คงทน
แผนภูมิสองภาพด้านล่างเปลี่ยนวิธีที่ฉันคิดเกี่ยวกับการคิด ทำซ้ำจากการศึกษาจิตวิทยาคลาสสิกปี 1996 เรื่องราวเบื้องหลังแผนภูมิเหล่านี้เป็นภาพประกอบที่ชัดเจนว่าวิธีที่มนุษย์รู้สึกในขณะที่เราสัมผัสกับโลกนั้นอาจแตกต่างอย่างมากจากความรู้สึกของเราเมื่อเรานึกถึงประสบการณ์เหล่านั้นในภายหลัง
อ่านเพิ่มเติมปฏิทินตั้งโต๊ะวอลเปเปอร์: สิงหาคม 2016
[ตั้งแต่แปดปี](https://www.smashingmagazine.com/tag/wallpapers/) ความท้าทายวอลเปเปอร์เดสก์ท็อปรายเดือนของเราคือเกมโปรดอย่างยอดเยี่ยมที่จะเกิดขึ้นไม่ได้หากขาดความพยายามอย่างไม่รู้จักเหน็ดเหนื่อยของนักออกแบบและศิลปินที่มีความสามารถจากทั่วโลก . ในการแสวงหา **วอลเปเปอร์ที่มีเอกลักษณ์เฉพาะตัวมากกว่าคนทั่วไป** เราขอท้าคุณซึ่งเป็นชุมชนการออกแบบ ให้สร้างสรรค์ผลงานสร้างสรรค์ของคุณออกมาและสร้างงานออกแบบที่น่าสนใจและสร้างแรงบันดาลใจในแต่ละเดือนใหม่ และก็ไม่ต่างกันในครั้งนี้
อ่านเพิ่มเติมรายการเรื่องรออ่านสำหรับการพัฒนาเว็บ #147: หลักเกณฑ์ด้านความปลอดภัย ส่วนประกอบ UI ที่เข้าถึงได้ และการออกแบบที่เน้นเนื้อหาเป็นหลัก
เมื่อทำงานเป็นทีม การปฏิบัติตามกฎเกณฑ์เป็นสิ่งสำคัญ ความท้าทายทั่วไปคือการสร้างโครงการทั้งหมดของคุณด้วยชุดเครื่องมือที่คล้ายกันหรือเหมือนกันและ **แนวทางการเข้ารหัส** เมื่อวานนี้เท่านั้นที่ฉันได้พูดคุยถึงวิธีที่เราสามารถพอร์ตโปรเจ็กต์ที่ขยายฐานโค้ดเบสเริ่มต้นในช่วงหลายปีที่ผ่านมาไปยังซอร์สโค้ดใหม่ที่ใช้ React.js การตัดสินใจไม่ใช่เรื่องง่าย เนื่องจากเราทุ่มงานและเงินจำนวนมากในโครงการนี้แล้ว และการย้ายไปยัง React ก็ต้องใช้เวลาพอสมควรเช่นกัน แต่เนื่องจากสวิตช์เหมาะสมจากมุมมองทางเทคนิค และทีมใช้ React อยู่แล้วสำหรับโครงการอื่นอีกสามโครงการ เราจึงสรุปว่านี่จะเป็นขั้นตอนที่ดีที่ต้องทำ จะช่วยให้นักพัฒนาในทีมจำนวนมากขึ้นสามารถมีส่วนร่วมในโครงการ ตรวจสอบโค้ด และลดการเปลี่ยนแปลงของเทคโนโลยีในบริษัท บางครั้ง ก็ถึงเวลาประเมินโครงการของคุณใหม่และเดินหน้าต่อไป
อ่านเพิ่มเติม