เว็บ
วิธีสร้างเกม SpriteKit ใน Swift 3 (ตอนที่ 3)
คุณเคยสงสัยหรือไม่ว่าการสร้างเกม [SpriteKit](https://developer.apple.com/spritekit/) ต้องใช้อะไรบ้าง? ปุ่มดูเหมือนเป็นงานที่ใหญ่กว่าที่ควรจะเป็นหรือไม่? เคยสงสัยไหมว่าจะคงการตั้งค่าในเกมไว้ได้อย่างไร? การสร้างเกมไม่เคยง่ายอย่างนี้มาก่อนบน iOS นับตั้งแต่เปิดตัว SpriteKit ในตอนที่สามของซีรีส์สามตอนนี้ เราจะจบเกม RainCat และแนะนำ SpriteKit ให้สมบูรณ์ หากคุณพลาด [บทเรียนก่อนหน้านี้](https://www.smashingmagazine.com/2016/12/how-to-build-a-spritekit-game-in-swift-3-part-2/) คุณ ติดตามได้โดยรับโค้ด [บน GitHub](https://github.com/thirteen23/RainCat/releases/tag/smashing-magazine-lesson-two) โปรดจำไว้ว่าบทช่วยสอนนี้ต้องใช้ Xcode 8 และ Swift 3
อ่านเพิ่มเติมBrush Lettering: จะดีขึ้นหลังจากฝึกฝนเท่านั้น (ตอนที่ 2)
ในบทความนี้ Alma Hoffmann แบ่งปันการเดินทางของเธอในฐานะผู้เรียนและช่วยให้คุณเริ่มต้นด้วยการแบ่งปันเคล็ดลับ คำแนะนำที่นำไปใช้ได้จริง วิดีโอแสดงวิธีการ และของแจกฟรี การแจ้งเตือนสปอยเลอร์เล็กน้อย: การฝึกฝนทำให้ก้าวหน้า
อ่านเพิ่มเติมไม่ใช่ผู้แอบอ้าง: ต่อสู้กับความเหนื่อยล้าของ Front-End
ในบทความนี้ David Berner จะมาแบ่งปันคำแนะนำเกี่ยวกับวิธีหลีกเลี่ยงความเหนื่อยล้า เมื่อคุณหมดไฟแล้ว เป็นเรื่องยากมากที่จะฟื้นความหลงใหลในสิ่งที่คุณทำและเหตุผลที่คุณเริ่มทำมันตั้งแต่แรก
อ่านเพิ่มเติมสำรวจตารางทำซ้ำใน Adobe XD
หากคุณเป็นนักออกแบบภาพ คุณอาจใช้เวลาส่วนใหญ่ไปกับการปรับเปลี่ยนองค์ประกอบภาพหลายๆ อย่างเพียงเล็กน้อย บางทีลูกค้าของคุณอาจตัดสินใจว่าพวกเขาต้องการช่องว่างภายในระหว่างองค์ประกอบของคุณอีกสองสามพิกเซล หรือบางทีพวกเขาอาจตัดสินใจว่ารูปแทนตัวทั้งหมดของพวกเขาจำเป็นต้องมีมุมโค้งมน ไม่ว่าด้วยวิธีใด คุณอาจพบว่าตัวเองทำการปรับเปลี่ยนแบบเดียวกันในการออกแบบของคุณซ้ำแล้วซ้ำเล่า… และซ้ำแล้วซ้ำอีก ใน _Adobe Experience Design CC_ (เบต้า) เราได้แนะนำคุณลักษณะ Repeat Grid เพื่อจัดการกับแง่มุมที่น่าเบื่อของเวิร์กโฟลว์ของนักออกแบบ ในบทความนี้ เราจะเจาะลึกเพื่อค้นหาพลังที่แท้จริงของคุณลักษณะที่ช่วยประหยัดเวลานี้ เราจะสร้างและปรับตารางการทำซ้ำ เพิ่มเนื้อหา และเชื่อมโยงในโหมดต้นแบบที่เรียบง่ายและมีประสิทธิภาพของ Adobe XD หากคุณต้องการติดตาม คุณสามารถดาวน์โหลดและทดสอบ _Adobe XD_ ได้ฟรี
อ่านเพิ่มเติมการโกหกที่แท้จริงของอินเทอร์เฟซผู้ใช้ในแง่ดี
อินเทอร์เฟซผู้ใช้ (UI) สามรายการไปที่ผับ คนแรกสั่งเครื่องดื่มแล้วสั่งอีกหลายอย่าง สองสามชั่วโมงต่อมาก็ขอบิลและออกจากผับเมา UI ที่สองสั่งเครื่องดื่ม จ่ายล่วงหน้า สั่งเครื่องดื่มอื่น จ่ายและอื่น ๆ และภายในสองสามชั่วโมงผับก็เมา UI ที่สามออกจากผับแล้วเมาทันทีหลังจากเข้าไป - รู้ว่าผับทำงานอย่างไรและมีประสิทธิภาพเพียงพอที่จะไม่เสียเวลา คุณเคยได้ยินเรื่องที่สามนี้หรือไม่? เรียกว่า " UI ที่มองโลกในแง่ดี
อ่านเพิ่มเติมรายการเรื่องรออ่านสำหรับการพัฒนาเว็บ #158: การใช้งานแบบฟอร์ม, Vue.js และการเปิด CSS ที่สำคัญ
ทุกวันนี้ ฉันกำลังไตร่ตรอง **สิ่งที่เราในฐานะนักพัฒนามีจุดประสงค์อะไรในโลกของเรา** ฉันไม่สามารถให้คำตอบกับคุณได้ที่นี่ แต่ต้องการสนับสนุนให้คุณคิดเกี่ยวกับมันด้วย คุณมีความคิดเห็นเกี่ยวกับเรื่องนี้หรือไม่? เราแค่สนองความต้องการของคนอื่นหรือไม่? หรือเรามีหน้าที่ให้คำปรึกษาแก่ผู้ที่ต้องการวิธีแก้ปัญหาจากเราหากเราคิดว่าพวกเขาคิดผิด? คำถามที่ท้าทายและคำตอบจะแตกต่างกันไปสำหรับทุกคนที่นี่ ถ้าคุณต้องการแจ้งให้เราทราบความคิดของคุณ ฉันยินดีที่จะรับฟัง อดทนหน่อยนะ สัปดาห์นี้รายการใหญ่มาก มีแหล่งข้อมูลดีๆ มากมายปรากฏขึ้น อธิบายแนวคิดทางเทคนิคและการออกแบบ วิธีใช้วิธี JavaScript ใหม่ในการเขียนแอปพลิเคชันที่ชาญฉลาดยิ่งขึ้น และแบ่งปันบทเรียนที่เรียนรู้จาก CSS Grid Layouts และเคล็ดลับในการดูแลความสุขของคุณ
อ่านเพิ่มเติมOpen Device Labs ที่ดีที่สุดในโลกอยู่ที่ไหน
นักพัฒนาทุกคนรู้ดีว่าเพียงเพราะเว็บไซต์มีหน้าตาและทำในสิ่งที่หมายถึงบน iPhone รุ่นล่าสุด ไม่ได้หมายความว่าเว็บไซต์จะใช้งานได้กับอุปกรณ์เคลื่อนที่ทุกเครื่อง ในบทความนี้ เราจะ **เน้นย้ำถึงห้องปฏิบัติการอุปกรณ์แบบเปิดบางส่วน** ที่มีอยู่ ซึ่งเป็นความคิดริเริ่มที่ยอดเยี่ยมและเป็นประโยชน์จากชุมชนที่สมควรได้รับการสนับสนุนและความสนใจ ห้องทดลองอุปกรณ์แบบเปิด (ODL) เป็นการตอบสนองต่อระบบปฏิบัติการ เบราว์เซอร์ และอุปกรณ์จำนวนมากที่ทิ้งขยะในแนวทางเทคนิคของเรา พวกเขาให้พื้นที่ว่าง (โดยปกติ) แก่นักพัฒนาเพื่อไปทดสอบระบบเว็บ เว็บไซต์ และแอพของตนบนซอฟต์แวร์และฮาร์ดแวร์ต่างๆ สถานที่ตั้งนี้เป็นแกนหลักของโครงการริเริ่ม [OpenDeviceLab.com](https://www.OpenDeviceLab.com) ซึ่งเป็นความเคลื่อนไหวของชุมชนเพื่อช่วยให้ผู้คนค้นหา ODL ที่เหมาะสมกับงาน และเพิ่มการสนับสนุนเพิ่มเติมสำหรับศูนย์ทดสอบเหล่านี้ .
อ่านเพิ่มเติมวิธีการสร้างภาพประกอบเวกเตอร์ที่น่าทึ่ง
ฉันวาดวอลเปเปอร์เดสก์ท็อปสำหรับคอลเล็กชันรายเดือนของ Smashing Magazine มานานกว่าหนึ่งปีแล้ว และทุกครั้งที่เป็นภารกิจที่สนุกและท้าทายมาก ในบทความนี้ ฉันต้องการแบ่งปัน **วิธีที่ฉันดำเนินการในทุกขั้นตอนของกระบวนการ** และจัดเตรียมเทคนิคทั่วไปสำหรับการสร้างภาพประกอบเวกเตอร์ใน Adobe Illustrator หวังว่าคุณจะพบว่าเทคนิคเหล่านี้มีประโยชน์ เมื่อพูดถึงภาพวาดโดยเฉพาะ ภาพประกอบสำหรับวอลเปเปอร์เดสก์ท็อป "Understand Yourself" ซึ่งมีอยู่ใน [คอลเล็กชันวอลเปเปอร์ของเมย์ในปีนี้](https://www.smashingmagazine.com/2016/04/desktop-wallpaper-calendars- พฤษภาคม 2559/#understand-yourself-05-2016) — ฉันจะเน้นประเด็นสำคัญจากประสบการณ์ในฐานะนักวาดภาพประกอบและนักออกแบบด้วย
อ่านเพิ่มเติมการแยกส่วนออกจากกล่อง: แรงบันดาลใจในการออกแบบ (พฤศจิกายน 2016)
เมื่อฤดูใบไม้ร่วงเริ่มเผยให้เห็นความรุ่งโรจน์อย่างเต็มที่ ไม่มีเหตุผลที่จะอยู่ข้างในและดื่มโกโก้ร้อนของคุณจริงๆ ไม่สิ ถึงเวลาที่จะออกไปข้างนอกและดื่มด่ำกับธรรมชาติ **โทนสีอบอุ่น** ที่มีให้ โดยเฉพาะอย่างยิ่ง **ใบไม้สีเหลืองทองที่เจิดจ้า** ซึ่งปัจจุบันสามารถพบเห็นได้แทบทุกที่ เป็นฤดูของเช้าที่ฟ้าครึ้มและจานสีอันอบอุ่นที่สวยงาม ในคอลเล็กชั่นเดือนนี้ ฉันได้รวบรวมภาพประกอบและภาพถ่ายสองสามภาพที่แสดงถึงความรู้สึกตามฤดูกาลนี้ ภาพประกอบที่นำเสนอด้านบนนี้แสดงให้เห็นวิธีที่ยอดเยี่ยมในการใช้จ่ายวันของคุณก่อนฤดูหนาวจะมาถึง
อ่านเพิ่มเติมกฎทองของการออกแบบการนำทางด้านล่าง
การออกแบบเป็นมากกว่าแค่รูปลักษณ์ - เป็นสิ่งที่นักออกแบบทุกคนควรรู้ การออกแบบยังครอบคลุมถึงวิธีที่ผู้ใช้ _engage_ กับผลิตภัณฑ์ ไม่ว่าจะเป็นไซต์หรือแอป ก็เหมือนการสนทนา การนำทาง _is_ การสนทนา ไม่สำคัญหรอกว่าเว็บไซต์หรือแอปของคุณจะดีแค่ไหน ถ้าผู้ใช้หาทางไม่เจอ ในโพสต์นี้ เราจะช่วยให้คุณเข้าใจหลักการของการนำทางที่ดีสำหรับแอปบนอุปกรณ์เคลื่อนที่ได้ดีขึ้น จากนั้นแสดงวิธีการดำเนินการโดยใช้รูปแบบยอดนิยมสองรูปแบบ เมื่อเราตรวจสอบการออกแบบการนำทางแบบโต้ตอบที่ประสบความสำเร็จมากที่สุดในช่วงไม่กี่ปีที่ผ่านมา ผู้ชนะที่ชัดเจนคือผู้ที่ปฏิบัติตามปัจจัยพื้นฐาน _ไร้ที่ติ_ แม้ว่าการคิดนอกกรอบมักจะเป็นความคิดที่ดี แต่ก็มีกฎเกณฑ์บางอย่างที่คุณไม่สามารถฝ่าฝืนได้
อ่านเพิ่มเติม