เว็บ
ปฏิทินตั้งโต๊ะวอลเปเปอร์: เมษายน 2016
[ตั้งแต่แปดปี](https://www.smashingmagazine.com/tag/wallpapers/) เราเริ่มต้นเดือนใหม่ด้วยคอลเล็กชันวอลเปเปอร์เดสก์ท็อป ซึ่งเป็นวิธีที่ดีที่สุดในการเติมแรงบันดาลใจใหม่ๆ ตามที่เราพบ และก็ไม่ต่างอะไรกับครั้งนี้ นักออกแบบและศิลปินจากทั่วโลกแบ่งปันผลงานสร้างสรรค์ของพวกเขากับเราในเดือนเมษายน 2016\ ผลลัพธ์ที่ได้คือคอลเล็กชันวอลเปเปอร์เดสก์ท็อปที่มี **แนวคิดและสไตล์ที่ผสมผสานกันอย่างลงตัว** ซึ่งเป็นลูกกวาดที่ดึงดูดสายตาซึ่งจะช่วยจุดประกายความคิดใหม่ๆ
อ่านเพิ่มเติมแนวทางความเป็นส่วนตัวสำหรับการออกแบบการปรับเปลี่ยนในแบบของคุณ
เนื่องจากการรวบรวมข้อมูลเพื่อปรับแต่งประสบการณ์ของลูกค้าให้เป็นส่วนตัวอาจรบกวนประสบการณ์โดยรวม — ส่งผลเสียต่อธุรกิจ — เราจะสำรวจพื้นที่ที่ยากลำบากมากขึ้นนี้ได้อย่างไร แนวทางปฏิบัติในการใช้ข้อมูลเพื่อปรับแต่งประสบการณ์ดิจิทัลมีอะไรบ้าง และองค์กรต่างๆ จะช่วยให้ผู้คนรู้สึกสบายใจกับบริการส่วนบุคคลที่การวิจัยแสดงให้เห็นอย่างชัดเจนว่าผู้คนต้องการได้อย่างไร
อ่านเพิ่มเติมHoudini: อาจเป็นการพัฒนาที่น่าตื่นเต้นที่สุดใน CSS ที่คุณไม่เคยได้ยินมาก่อน
คุณเคยต้องการใช้คุณลักษณะ CSS เฉพาะแต่ไม่ได้ทำเพราะว่า **ไม่รองรับเบราว์เซอร์ทั้งหมด** อย่างเต็มรูปแบบหรือไม่? หรือที่แย่กว่านั้นคือรองรับในทุกเบราว์เซอร์ แต่การสนับสนุนนั้นมีปัญหา ไม่สอดคล้องกัน หรือแม้แต่เข้ากันไม่ได้โดยสิ้นเชิง? หากสิ่งนี้เกิดขึ้นกับคุณ — และฉันพนันได้เลย — คุณควรสนใจเกี่ยวกับ [Houdini](https://wiki.css-houdini.org/) Houdini เป็นคณะทำงานเฉพาะกิจของ W3C ที่มีเป้าหมายสูงสุดคือทำให้ปัญหานี้หมดไปตลอดกาล มีแผนที่จะทำโดยแนะนำ API ชุดใหม่ที่จะให้นักพัฒนาสามารถขยาย CSS เองได้เป็นครั้งแรก และเครื่องมือที่จะเชื่อมโยงกับกระบวนการจัดสไตล์และเลย์เอาต์ของเอ็นจิ้นการเรนเดอร์ของเบราว์เซอร์
อ่านเพิ่มเติมวิธีการวาดการ์ตูนใน Illustrator
การวาดการ์ตูนไม่ใช่เรื่องง่าย มันเปลี่ยนเราให้เป็นผู้กำกับ นักเขียน ผู้บรรยาย ผ่านการ์ตูนหรือการ์ตูน คุณ **บอกเล่าเรื่องราว** ที่เกิดขึ้นในช่วงเวลาหนึ่ง สภาพแวดล้อมบางอย่าง พร้อมด้วยตัวละครบางตัว นี่คือเหตุผลที่คุณจะได้เรียนรู้ที่นี่ ไม่ใช่แค่การวาดการ์ตูนใน Adobe Illustrator แต่ยังรวมถึงวิธีตัดสินใจเกี่ยวกับตัวละคร สถานที่ และสถานการณ์ด้วย ก่อนที่จะหยิบดินสอหรือเครื่องมือซอฟต์แวร์ของคุณ ให้ถามตัวเองว่า “หัวข้อของฉันคืออะไร” คุณจะใช้อักขระกี่ตัวและจะเป็นใคร? ภูมิหลังอะไรที่พวกเขาจะต่อต้าน? พวกเขาจะอยู่ในยุคไหน? คุณจะวางพวกเขาในฉากไหน? ตลอดขั้นตอนในบทช่วยสอนนี้ ฉันจะอธิบายตัวเลือกของฉันเองให้คุณฟัง เอาล่ะ.
อ่านเพิ่มเติมการสร้างปลั๊กอิน WordPress ที่ใช้บริการ API "จากซุปสู่ถั่ว"
API ที่เผยแพร่ต่อสาธารณะจำนวนมากขึ้นเรื่อยๆ ให้บริการที่มีประสิทธิภาพเพื่อขยายฟังก์ชันการทำงานของแอปพลิเคชันของเรา WordPress เป็น CMS แบบไดนามิกและยืดหยุ่นอย่างเหลือเชื่อที่ขับเคลื่อนทุกอย่างตั้งแต่บล็อกส่วนตัวขนาดเล็กไปจนถึงเว็บไซต์อีคอมเมิร์ซรายใหญ่และทุกสิ่งในระหว่างนั้น ส่วนหนึ่งของสิ่งที่ทำให้ WordPress ใช้งานได้หลากหลายคือ **ระบบปลั๊กอินที่ทรงพลัง** ซึ่งทำให้เพิ่มฟังก์ชันการทำงานได้ง่ายอย่างเหลือเชื่อ เราจะอธิบายวิธีที่ฉันสร้าง [GitHub Pipeline](https://wordpress.org/plugins/wp-github-pipeline) ปลั๊กอินที่ให้คุณแสดงข้อมูลจาก GitHub API บนหน้า WordPress โดยใช้รหัสย่อ ฉันจะให้ตัวอย่างเฉพาะและข้อมูลโค้ด แต่ให้พิจารณาเทคนิคที่อธิบายไว้ที่นี่เป็นพิมพ์เขียวสำหรับวิธีใช้ API บริการด้วยปลั๊กอิน เราจะเริ่มต้นตั้งแต่ต้น แต่จะถือว่ามีความคุ้นเคยกับ WordPress และการพัฒนาปลั๊กอินในระดับหนึ่ง และเราจะไม่ใช้เวลากับหัวข้อเริ่มต้น เช่น การติดตั้ง WordPress หรือ Composer
อ่านเพิ่มเติมวิธีผสานการออกแบบการเคลื่อนไหวในเวิร์กโฟลว์ UX
ในฐานะผู้เชี่ยวชาญด้าน UX เรามีบทบาทสำคัญในการยกระดับประสบการณ์ของลูกค้า การใส่ใจในรายละเอียดอย่างง่ายมักจะเป็นสัญญาณให้ลูกค้าเห็นว่าเรากำลังคิดถึงพวกเขา ในพื้นที่ดิจิทัล เรามุ่งเน้นที่ **การโต้ตอบกับผู้ใช้** ภายในอุปกรณ์และกระบวนการของแอปพลิเคชัน ด้วยพลังการประมวลผลที่เพิ่มขึ้นเรื่อย ๆ ของเดสก์ท็อป ความซับซ้อนของเบราว์เซอร์ และการใช้แอพที่มาพร้อมเครื่อง ทุกวันเราเรียนรู้วิธีใหม่ๆ ในการผลักดันขีดจำกัดของสิ่งที่กำหนด UI ที่ออกแบบมาอย่างดี เมื่อใช้อย่างถูกต้อง การเคลื่อนไหวอาจเป็น **ยูทิลิตี้หลักในการช่วยให้ผู้ใช้บรรลุเป้าหมาย**
อ่านเพิ่มเติมวิธีเพิ่มประสิทธิภาพมือถือ
คุณไม่สามารถดูถูกความสำคัญของการออกแบบเว็บที่สม่ำเสมอและมีคุณภาพสูงในอุปกรณ์ทุกรูปแบบและทุกขนาด การออกแบบเว็บที่ตอบสนองตามอุปกรณ์เป็นหนทางข้างหน้า — แต่มักจะเชื่อมโยงกับปัญหาด้านประสิทธิภาพ นี่เป็นสิ่งสำคัญเมื่อผู้ใช้สมาร์ทโฟน 64% คาดไม่ถึงว่าจะโหลดเว็บไซต์ได้ภายในเวลาไม่ถึงสี่วินาที แต่น้ำหนักหน้าเฉลี่ยยังคงเพิ่มขึ้นอย่างต่อเนื่อง
อ่านเพิ่มเติมการเชื่อมต่อ (Dis) การเชื่อมต่อ: การออกแบบการโต้ตอบแบบตื้นสำหรับประสบการณ์ของมนุษย์ที่ลึกซึ้งยิ่งขึ้น
วัตถุของเรากำลังเชื่อมต่อกันมากขึ้น นาฬิกาของฉันเชื่อมต่อกับโทรศัพท์ ซึ่งเชื่อมต่อกับลำโพงในห้องนั่งเล่น ซึ่งฉันยังสามารถเชื่อมต่อ (หรือไม่) กับลำโพงในห้องนอนของฉัน เมื่อฉันออกไปทานอาหารเย็นกับเพื่อน เราต้อง **พยายามอย่างเต็มที่เพื่อปิดเสียงอุปกรณ์พกพาและอุปกรณ์สวมใส่ของเรา** หรือวางไว้ "เบื้องหลัง" ของประสบการณ์ทางสังคมของเรา เพื่อให้เราสามารถมีสมาธิในกันและกันได้
อ่านเพิ่มเติมเพิ่มความเป็นจริงอย่างง่ายด้วย OpenCV, Three.js และ WebSockets
ในบทช่วยสอนนี้ เราจะใช้ OpenCV ใน Python เพื่อตรวจจับวัตถุรูปวงกลมในสตรีมเว็บแคมและแทนที่ด้วย 3D Earth ใน Three.js ในหน้าต่างเบราว์เซอร์ในขณะที่ใช้ WebSockets เพื่อรวมสิ่งนี้เข้าด้วยกัน
อ่านเพิ่มเติมการเปลี่ยนแปลงของโนอาห์สู่การทดสอบการใช้งานมือถือ
นี่เป็นการทดลองในรูปแบบที่แตกต่างกันเล็กน้อยสำหรับ Smashing Magazine โดยใช้วิธีการเล่าเรื่องเพื่อถ่ายทอดบทเรียนแบบเดียวกันที่ได้เรียนรู้จากบทความแบบเดิมๆ
อ่านเพิ่มเติม