เว็บ
รายการเรื่องรออ่านของ Flexbox: เทคนิคและเครื่องมือ
Flexbox ทำให้เราควบคุม[เลย์เอาต์](https://www.smashingmagazine.com/2015/08/flexible-future-for-web-design-with-flexbox/) รูปแบบใหม่ได้ ทำให้การเขียนโค้ดยากขึ้น หรือเป็นไปไม่ได้ที่จะแก้ปัญหาด้วย CSS เพียงอย่างเดียวและตรงไปตรงมา มันทำให้เรามีวิธีในการสร้าง **กริดที่ยืดหยุ่น** และตระหนักถึง [เนื้อหาแบบไดนามิก](https://www.smashingmagazine.com/2016/02/design-mock-ups-need-dynamic-content- tools-plugins/) และทำให้เรามีอิสระที่จะมุ่งเน้นไปที่กระบวนการสร้าง แทนที่จะแฮ็ควิธีการของเราไปยังเลย์เอาต์ เพื่อให้คุณได้เริ่มต้นใช้งาน Flexbox และให้แนวคิดในการใช้งานเพื่อควบคุมความท้าทายในการเขียนโค้ดทั่วไป เราได้รวบรวม **เคล็ดลับ กลเม็ด และเครื่องมือ** ที่จะช่วยให้คุณได้รับประโยชน์สูงสุดจากพลังของมันในวันนี้ รายการนี้ไม่ได้หมายความว่าจะสมบูรณ์แต่รวมถึงทรัพยากรที่เราพบว่ามีประโยชน์และมีประโยชน์
อ่านเพิ่มเติมการสร้างแบบจำลองเนื้อหาด้วย Jekyll
ไม่ใช่เรื่องใหม่เลย แต่ช่วงหลังๆ นี้ ฉันมีเหตุผลที่จะทบทวนทักษะการสร้างแบบจำลองเนื้อหาในงานของทีม ประสบการณ์ของเรามาถึงจุดที่ข้อจำกัดในการฝึกปฏิบัติเริ่มชัดเจน ปัญหาที่พบบ่อยที่สุดของเราคือ **ผู้คนมักจะผูกมัดตัวเองและแบบจำลองทางความคิดของตนกับแพลตฟอร์มที่เลือก** และแบบแผน แทนที่จะสอนผู้คนถึงวิธีสร้างโมเดลเนื้อหา เรากลับสอนพวกเขาถึงวิธีสร้างโมเดลเนื้อหาใน Drupal หรือวิธีสร้างโมเดลเนื้อหาใน WordPress แต่ฉันอยากให้เราเข้าหามันจากการมุ่งเน้นที่ผลประโยชน์สูงสุดของผู้ใช้ **ไม่ว่าแพลตฟอร์มใด** ที่กล่าวว่าเนื้อหาจะจบลงด้วยดี
อ่านเพิ่มเติมกระบวนการออกแบบที่ตอบสนองอย่างมีประสิทธิภาพ
“แต่ละตัวเลือกเหล่านี้จะให้การออกแบบสำหรับสามเลย์เอาต์ที่ไม่ซ้ำกัน: หน้าแรก หน้ารายการ หน้ารายละเอียด” ไม่เป็นไร. ตอนนี้ เรามีไฟล์การออกแบบคงที่ถึงเก้าไฟล์ นี้จะได้รับบิตออกจากมือ
อ่านเพิ่มเติมคู่มือสำหรับผู้เริ่มต้นสร้างเว็บไซต์ WordPress
คำแนะนำทีละขั้นตอนสำหรับผู้ใช้ WordPress ใหม่ในการเริ่มต้นใช้งาน WordPress ตั้งแต่ต้นจนจบ
อ่านเพิ่มเติมศิลปะแห่งการสกัดกั้น: ก้าวไปไกลกว่า "คุณต้องการสำรวจหรือไม่"
Maxwell เป็นนักวิจัยในบริษัทออกแบบที่ทำงานเกี่ยวกับแอพชำระเงินมือถือ เขาต้องการเรียนรู้เพิ่มเติมเกี่ยวกับวิธีที่ผู้ใช้โต้ตอบกับเครื่องปลายทาง ณ จุดขายในปัจจุบัน Maxwell ติดต่อร้านขายของชำในพื้นที่เพื่อประสานงานเวลา **สังเกตลูกค้าขณะที่พวกเขากำลังเช็คเอาท์** จากนั้นเขาก็ขอให้ลูกค้าทุกๆ 5 คนที่ชำระเงินเพื่อทำแบบสำรวจสั้นๆ Maxwell มีส่วนร่วมใน _intercepts_ ซึ่งเป็นส่วนหนึ่งของการสรรหาผู้เข้าร่วมการวิจัย
อ่านเพิ่มเติมการทดสอบข้ามเบราว์เซอร์ที่มีผลกระทบสูง ใช้ความพยายามน้อยที่สุด
การทดสอบข้ามเบราว์เซอร์ใช้เวลานานและลำบาก ในทางกลับกัน ทำให้มีราคาแพงและมีแนวโน้มที่จะเกิดข้อผิดพลาดจากมนุษย์... ดังนั้น โดยธรรมชาติแล้ว เราต้องการทำสิ่งนั้นให้น้อยที่สุด นี่ไม่ใช่คำกล่าวที่เราควรจะละอายใจ **นักพัฒนามักเกียจคร้าน**: การยึดมั่นในหลักการ DRY การเขียนสคริปต์เพื่อทำให้สิ่งที่เราต้องทำด้วยมือเป็นไปโดยอัตโนมัติ การใช้ไลบรารีของบุคคลที่สาม การขี้เกียจคือสิ่งที่ทำให้เราเป็นนักพัฒนาที่ดี วิธีดั้งเดิมในการทดสอบข้ามเบราว์เซอร์ไม่สอดคล้องกับอุดมคติเหล่านี้ ไม่ว่าคุณจะทำการทดสอบด้วยตนเองอย่างเต็มใจหรือพยายามอย่างมากในการทำ "อย่างเหมาะสม": ทดสอบในเบราว์เซอร์หลักทั้งหมดที่ผู้ชมของคุณใช้ ค่อยๆ เปลี่ยนไปใช้เบราว์เซอร์ที่เก่ากว่าหรือคลุมเครือมากขึ้นเพื่อจะบอกว่าคุณ ได้ทดสอบพวกเขา
อ่านเพิ่มเติมการสร้างเนื้อหา Wireframes สำหรับการออกแบบที่ตอบสนอง
ขณะที่ฉันเป็นผู้นำหลักสูตรในการออกแบบเว็บที่ตอบสนองตามอุปกรณ์ระหว่างปี 2011 ถึง 2012 ฉันยังคงสะดุดกับกระบวนการวางโครงลวด นักเรียนของฉันมักจะเน้นที่โครงลวดว่าเป็นเกมสุดท้ายในกระบวนการวางแผน พวกเขาไม่เข้าใจว่าการออกแบบที่ตอบสนองจะเน้นไปที่วิธีที่ผู้ใช้จะเข้าถึงเนื้อหา
อ่านเพิ่มเติมเตรียมพร้อมสำหรับ HTTP2: คู่มือสำหรับนักออกแบบเว็บไซต์และนักพัฒนา
ดูรายละเอียดพื้นฐานของ HTTP/2 ตามที่ใช้กับนักออกแบบเว็บไซต์และนักพัฒนา เราจะพิจารณาคุณสมบัติหลักของโปรโตคอลใหม่ ความเข้ากันได้ของเบราว์เซอร์และเซิร์ฟเวอร์ และให้รายละเอียดเกี่ยวกับสิ่งที่คุณอาจต้องคำนึงถึงเมื่อเราเห็นว่ามีการใช้ HTTP/2 มากขึ้น
อ่านเพิ่มเติมทุกสิ่งที่คุณต้องการรู้เกี่ยวกับหน้ามือถือเร่งความเร็วของ Google
ในเดือนพฤษภาคมปี 2015 Facebook ได้เปิดตัวแพลตฟอร์มการเผยแพร่ในแอปใหม่ [Instant Articles](https://instantarticles.fb.com/) หนึ่งเดือนต่อมา Apple ประกาศว่าประสบการณ์ [แผงหนังสือ](https://en.wikipedia.org/wiki/Newsstand_(application)) แบบเก่า (โดยพื้นฐานแล้วจะเป็นโฟลเดอร์แฟนซีที่เต็มไปด้วยแอปข่าว) จะถูกแทนที่ใน iOS 9 ด้วยแบรนด์ แพลตฟอร์มรวบรวมข่าวและการค้นพบใหม่ชื่อ [Apple News](https://www.apple.com/news/) สี่เดือนต่อมา ถึงตาของ Google ที่จะประกาศแผนการที่จะปฏิวัติการบริโภคข่าวบนมือถือด้วยโซลูชันบนเว็บแบบโอเพนซอร์สที่เรียกว่า [Accelerated Mobile Pages](https://www.ampproject. org/) หรือ AMP ในเวลาเพียงไม่กี่เดือน เราได้เห็นความสงบสุขของการเผยแพร่ดิจิทัลบนมือถือที่ปะทุขึ้นในสงครามแพลตฟอร์มเต็มรูปแบบอีกครั้งเมื่อ Facebook, Apple และตอนนี้ Google แข่งขันกันเพื่อทั้งความภักดีของผู้จัดพิมพ์และความสนใจของผู้อ่าน
อ่านเพิ่มเติมแบบอักษรฟรีพร้อมบุคลิกภาพ
การพิมพ์สามารถสร้างความแตกต่างได้ อย่างไรก็ตาม หากโปรเจ็กต์ของคุณต้องดำเนินตาม **งบประมาณที่จำกัดมาก** และคุณต้องพึ่งพาฟอนต์ฟรี ฟอนต์ดีๆ จะหาไม่ได้ง่ายๆ อีกแล้ว โชคดีที่เราบังเอิญไปเจออัญมณีแท้ ๆ เมื่อเร็ว ๆ นี้
อ่านเพิ่มเติม