เว็บ

สร้างเฉดสีด้วย Babylon.js

Shaders เป็นแนวคิดหลักหากคุณต้องการปลดปล่อยพลังดิบของ GPU ของคุณ ฉันจะช่วยให้คุณเข้าใจวิธีการทำงานและแม้กระทั่งทดลองพลังภายในด้วยวิธีง่ายๆ ต้องขอบคุณ _Babylon.js_ ก่อนทำการทดลอง เราต้องดูก่อนว่าสิ่งต่าง ๆ ทำงานภายในอย่างไร เมื่อต้องรับมือกับ 3D ที่เร่งด้วยฮาร์ดแวร์ คุณจะต้องจัดการกับซีพียูสองตัว: CPU หลักและ GPU GPU เป็น CPU ชนิดหนึ่งที่เชี่ยวชาญเป็นพิเศษ

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

ปฏิทินตั้งโต๊ะวอลเปเปอร์: พฤศจิกายน 2016

บางครั้งแรงบันดาลใจที่ดีที่สุดก็อยู่ตรงหน้าเรา ด้วยเหตุนี้ เราจึงเริ่ม[ภารกิจสร้างสรรค์พิเศษ](https://www.smashingmagazine.com/tag/wallpapers/) เมื่อแปดปีที่แล้ว: เพื่อมอบ **วอลเปเปอร์เดสก์ท็อปที่สร้างแรงบันดาลใจและไม่ซ้ำใคร** ให้คุณทุกเดือน วอลเปเปอร์ที่มีความโดดเด่นกว่าคนทั่วไปเล็กน้อยและจะช่วยเติมพลังให้กับความคิดของคุณ

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

รายการเรื่องรออ่านสำหรับการพัฒนาเว็บ #156: ข่าวเบราว์เซอร์ Webpack 2 และบทเรียนที่เรียนรู้จาก HPKP

คนที่นั่งอยู่คนเดียวในห้องคนเดียวหรือเปล่า? จากมุมมองภายนอกอาจดูเหมือนเป็นเช่นนั้น แต่สมองของมนุษย์มีความน่าสนใจมากกว่าในเรื่องเหล่านี้ เรามีแผนที่ของความสัมพันธ์อยู่ภายใน และขึ้นอยู่กับแผนที่นี้ว่าบุคคลนั้นรู้สึกโดดเดี่ยวหรือไม่ ฉันเพิ่งอ่าน “[ความเครียดและตัวตนทางสังคม: ความสัมพันธ์ส่งผลต่อระบบภูมิคุ้มกันของเราอย่างไร](https://www.brainpickings.org/2015/10/07/esther-sternberg-stress-relationships/)” แล้วฉันก็รู้สึกว่า เราสามารถเรียนรู้ได้มากมายจากมัน อันที่จริง ตอนนี้ฉันอาจเห็นโซเชียลมีเดียจากมุมมองที่ต่างไปจากเดิม เราเป็น _social_ ฉันชอบที่จะแบ่งปันเนื้อหาที่ดีกับคุณ ดังนั้นโดยไม่ต้องกังวลใจ ต่อไปนี้คือรายการเรื่องรออ่านสำหรับนักพัฒนาเว็บของสัปดาห์นี้

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

ค้นหาการวิเคราะห์อุปกรณ์เคลื่อนที่ที่ดีขึ้น

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

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

การสร้าง “Topple Trump” เกมตอบคำถามบนเว็บแบบโต้ตอบ (กรณีศึกษา)

การสร้างแบบทดสอบออนไลน์ที่ใช้งานง่าย ดูดี และน่าเล่นจริงๆ เป็นสิ่งหนึ่ง อิงจากการรณรงค์หาเสียงของประธานาธิบดีโดนัลด์ทรัมป์เป็นอีกเรื่องหนึ่ง ผลิตผลงานของ _Parallax_ ผู้กำกับและนักพัฒนา Andy Fitch _Topple Trump!_ คว้ารางวัลมากมาย แต่มันเป็นความพยายามของทีมอย่างแท้จริงที่ทำให้เกมนี้มีชีวิต นี่คือภาพรวมคร่าวๆ ของสิ่งที่เกิดขึ้น โดยกล่าวถึงกระบวนการพัฒนา ข้อควรพิจารณาในการออกแบบ และบทเรียนอันมีค่าที่ได้เรียนรู้ไปพร้อมกัน

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

ปฏิทินตั้งโต๊ะวอลเปเปอร์: ตุลาคม 2016

เดือนใหม่หมายถึงวอลเปเปอร์ใหม่! การเดินทางนี้ดำเนินมาเป็นเวลา [แปดปี](https://www.smashingmagazine.com/tag/wallpapers/) ในขณะนี้ และทุกครั้งที่มีศิลปินและนักออกแบบหน้าใหม่จากทั่วโลกท้าทายทักษะทางศิลปะของพวกเขาเพื่อรังสรรค์แรงบันดาลใจใหม่ๆ บนเดสก์ท็อปของคุณ และก็ไม่ต่างกันในครั้งนี้

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

การออกแบบระบบนำทางเจ็ดระดับของ SGS ใหม่: กรณีศึกษา

SGS (เดิมชื่อ _Societe Generale de Surveillance_) เป็นองค์กรบริการระดับโลกและผู้ให้บริการด้านการตรวจสอบ การตรวจสอบ การทดสอบและการรับรองใน 14 อุตสาหกรรม เว็บไซต์ของ SGS (พร้อมด้วยเว็บไซต์ที่แปลเป็นภาษาท้องถิ่น 60 แห่ง) ส่งเสริมบริการหลักขององค์กรเป็นหลัก ตลอดจนให้การเข้าถึงบริการที่เป็นประโยชน์ เนื้อหาเสริม และเครื่องมือต่างๆ ที่เป็นประโยชน์มากมาย เป้าหมายของเราคือเปลี่ยน [sgs.com](https://www.sgs.com/) จากการเป็นแบบเดสก์ท็อปเท่านั้นเป็นการตอบสนอง สิ่งนี้นำเสนอชุดของความท้าทายที่ไม่เหมือนใคร โดยเฉพาะอย่างยิ่งรอบๆ ระบบนำทางแบบเดิม ซึ่งในพื้นที่มีความลึกถึงเจ็ดระดับ (แบ่งออกเป็นสองส่วน) และซึ่งประกอบด้วยประมาณ 12,000 **รายการเดินเรือส่วนบุคคล**

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

การสร้างบล็อกของเว็บแอปโปรเกรสซีฟ

ภูมิปัญญาทั่วไปสำหรับบริษัทส่วนใหญ่ที่วางแผนจะสร้างแอปคือการสร้างแอป Android หรือ iOS รวมถึงเว็บไซต์ที่รองรับ แม้ว่าจะมีเหตุผลดีๆ อยู่บ้าง แต่ก็มีคนไม่มากพอที่รู้เกี่ยวกับข้อดีที่สำคัญของเว็บแอป

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

การอัพเกรด CSS Animation ด้วย Motion Curves

มีแอนิเมชั่น UI แล้วมีแอนิเมชั่น _good_ UI แอนิเมชั่นที่ดีทำให้คุณร้อง “ว้าว!” — เรียบเนียนสวยงามและที่สำคัญที่สุดคือเป็นธรรมชาติไม่บล็อกแข็งหรือหุ่นยนต์ หากคุณเล่น Dribbble หรือ [UpLabs](https://www.uplabs.com) บ่อยๆ คุณจะรู้ว่าฉันกำลังพูดถึงอะไร ด้วยนักออกแบบที่น่าทึ่งมากมายที่สร้างแอนิเมชั่นที่สวยงามเช่นนี้ นักพัฒนาทุกคนย่อมต้องการสร้างมันขึ้นมาใหม่ในโครงการของตนเอง ตอนนี้ CSS ได้จัดเตรียมพรีเซ็ตสำหรับ [`transition-timing-function`](https://developer.mozilla.org/en/docs/Web/CSS/transition-timing-function) เช่น "ease-in" , `ease-out` และ `ease-in-out` ซึ่งเพิ่มความราบรื่นและความสมจริงในระดับหนึ่ง แต่สิ่งเหล่านี้เป็นแบบทั่วไปมากใช่ไหม จะน่าเบื่อแค่ไหนหากทุกแอนิเมชั่นบนเว็บใช้ฟังก์ชันจับเวลาสามแบบเหมือนกัน

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

กรอบการทดสอบระบบอัตโนมัติที่หลากหลายสำหรับ React Native Apps

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

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