รายการเรื่องรออ่านสำหรับการพัฒนาเว็บ #141: jQuery 3, Chillout.js และวิธีที่เทคโนโลยีสร้างสังคม

มีบางสัปดาห์ที่ฉันไม่พบบทความสำหรับส่วน "ไปไกลกว่า" ของรายการเรื่องรออ่านสำหรับการพัฒนาเว็บเลย และมีหลายสัปดาห์เช่นนี้ ที่งานชิ้นยอดเยี่ยมสองชิ้นปรากฏขึ้น ซึ่งเผยให้เห็น ว่าเราอยู่ร่วมกับเทคโนโลยีใหม่ อย่างไร และสิ่งนี้หล่อหลอมสังคมของเราอย่างไร

นอกจากบทความด้านเทคโนโลยีดีๆ มากมายแล้ว วิธีที่ยอดเยี่ยมในการฝากถึงคุณในอีกสองสัปดาห์ข้างหน้า โปรดทราบว่าฉันจะไปพักผ่อนในสัปดาห์หน้า ดังนั้นวันศุกร์หน้าจึงไม่มีสรุป

อ่านเพิ่มเติม เกี่ยวกับ SmashingMag:

• วิธีใช้ไอคอนเพื่อรองรับเนื้อหาในการออกแบบเว็บ
• ไอคอนเป็นส่วนหนึ่งของประสบการณ์ผู้ใช้ที่ยอดเยี่ยม
• 6 ขั้นตอนง่ายๆ เพื่อการออกแบบไอคอนที่ดีขึ้น
• ขั้นตอนง่าย ๆ ในการออกแบบไอคอนที่ดีขึ้น

ข่าว

• Opera 38 (และ Chromium 51) นำเสนอคุณลักษณะ ES6 ใหม่มากมาย: อินเทอร์เฟซ DOM ที่เหมือนอาร์เรย์ที่ทำซ้ำได้ ผู้ฟังเหตุการณ์แบบพาสซีฟ และ Intersection Observer API เพื่อติดตามเมื่อองค์ประกอบที่กำหนดใน DOM เข้าหรือออกจากวิวพอร์ตที่มองเห็นได้
• Firefox 47 ออกแล้ว มีการเพิ่มการดีบัก Service Worker, รองรับ ::backdrop pseudo-elements, Widevine Content Decryption ผ่าน EME สำหรับ mp4 และตัวแก้ไขที่ไม่คำนึงถึงตัวพิมพ์ i (เช่นใน [foo=bar i] ) สำหรับตัวเลือกแอตทริบิวต์ CSS ถูกเพิ่มเข้ามาด้วย
• ในที่สุด หลังจากรอหลายเดือน GitHub ได้ประกาศการสนับสนุน HTTPS อย่างเป็นทางการและเต็มรูปแบบสำหรับหน้าผู้ใช้ github.io แม้ว่า HTTPS จะทำงานมาระยะหนึ่งแล้ว แต่การรับส่งข้อมูลจาก CDN ไปยังเซิร์ฟเวอร์ต้นทางไม่ได้เข้ารหัสไว้จนถึงขณะนี้ ด้วยการอัปเดตนี้ คุณสามารถเพลิดเพลินกับไซต์ที่เข้ารหัสอย่างสมบูรณ์ได้แล้ว ดูแลเนื้อหาผสมเพื่อไม่ให้หน้าในเบราว์เซอร์สมัยใหม่แตก
• ขณะนี้ WebKit รวมการดีบักหน่วยความจำในตัวตรวจสอบเว็บแล้ว โพสต์ประกาศแชร์วิธีใช้งานในแอปพลิเคชันของคุณ
  

ทั่วไป

• Maximiliano Firtman เขียนว่าการใช้เมตาแท็กเฉพาะ iOS อย่างไม่มีความรับผิดชอบสามารถทำลายเว็บไซต์ของคุณสำหรับผู้ใช้จำนวนมากได้อย่างไร
  

เครื่องมือและเวิร์กโฟลว์

• ไฟร์บั๊ก เครื่องมือที่ถูกแทนที่ด้วยเครื่องมือสำหรับนักพัฒนาดั้งเดิมของ Firefox แต่กระนั้นก็ได้รับการยอมรับอย่างกว้างขวางในหมู่นักพัฒนา ด้วยการเปลี่ยนจาก Firefox ไปเป็น e10s (Firefox แบบหลายขั้นตอน) อย่างไรก็ตาม ส่วนขยายนี้จะไม่สามารถใช้งานได้อีกต่อไป และตอนนี้ผู้เขียนได้ประกาศว่าจะไม่ย้ายไปยังส่วนขยายใหม่ด้วย แต่พวกเขาจะเน้นที่การจัดหาธีม Firebug สำหรับเครื่องมือ dev ดั้งเดิมและปรับปรุงสิ่งเหล่านั้น
• Andrey Okonetchnikov ประกาศเครื่องมือใหม่ของเขา lint-staged ซึ่งช่วยให้คุณ lint ไฟล์ที่จัดฉากในปัจจุบันทั้งหมดใน git
• Cloud Four ประกาศเมื่อวานนี้ว่า Drizzle ซึ่งเป็นเครื่องมือสำหรับสร้างไลบรารีรูปแบบและคำแนะนำสไตล์

ความปลอดภัย

• ด้วยการรั่วไหลของรหัสผ่านล่าสุดที่ LinkedIn, MySpace, Tumblr และ Twitter เป็นอีกครั้งที่ชัดเจนว่าเรามักจะลืมรหัสผ่านเก่า และนั่นเป็นเพราะว่ารหัสผ่านไม่ค่อยมีประโยชน์สำหรับการรับรองความถูกต้อง โดยเฉพาะอย่างยิ่งเนื่องจากมีสองฝ่ายที่เกี่ยวข้องที่อาจทำอะไรผิดพลาดได้ (ผู้ให้บริการจัดเก็บรหัสผ่านและผู้ใช้เลือกรหัสผ่าน) Drew Thomas อธิบายอย่างละเอียดว่าเราจะสามารถปรับปรุงการรับรองความถูกต้องได้อย่างไร บทความที่มีประโยชน์พร้อมบทสนทนาที่ยอดเยี่ยมในส่วนความคิดเห็น

JavaScript

• Chillout.js ลดการใช้ CPU ใน JavaScript โดยจัดเตรียมฟังก์ชันการวนซ้ำแบบอะซิงโครนัสที่มีอินเทอร์เฟซแบบ Promise ไม่มีการแจ้งเตือน "คำเตือน: สคริปต์ไม่ตอบสนอง" ในเบราว์เซอร์อีกต่อไป
• คอนโซลของ Firefox พยายามจะมีประโยชน์มากขึ้นเมื่อมีข้อผิดพลาด JavaScript หากสามารถระบุได้ ตอนนี้คอนโซลจะเพิ่มลิงก์ไปยัง MDN (เครือข่ายนักพัฒนาของ Mozilla) เพื่อรับข้อมูลเพิ่มเติมเกี่ยวกับข้อผิดพลาด
• ในที่สุด jQuery 3.0 ก็ออกมาแล้ว ในงานตั้งแต่ปี 2014 แล้ว นี่เป็นขั้นตอนใหญ่เนื่องจากมีวิธีการที่บางกว่า เร็วกว่า และทันสมัยกว่า v1 และ v2 มีคู่มือการอัปเกรดที่ครอบคลุมรวมถึงปลั๊กอินการย้ายข้อมูล jQuery เวอร์ชันใหม่
• Jack Franklin แบ่งปันว่าทำไมการทำให้ JavaScript ของคุณ “บริสุทธิ์” จึงเป็นสิ่งสำคัญ แม้ว่าเราจะใช้วิธีที่ง่ายที่สุดในการสร้างฟังก์ชัน แต่วิธีการเหล่านี้มักล้มเหลวในสถานการณ์ทดสอบ แต่จะหลีกเลี่ยงได้โดยการเพิ่มง่ายๆ
• “Promises: All The Wrong Ways” โดย Getify แสดงให้เห็นแนวทางทั่วไปเกี่ยวกับ Promises และชี้แจงวิธีการทำให้ดีขึ้น น่าอ่านสำหรับทุกคนที่จัดการกับสัญญา

CSS/Sass

• Shaun Bent เขียนเกี่ยวกับวิธีที่ BBC Sport ให้บริการ CSS หลักของพวกเขาด้วยขนาดไฟล์น้อยกว่า 9KB เรื่องราวเชิงลึกที่ยอดเยี่ยมที่แบ่งปันหลักการของการพัฒนาและกลยุทธ์ผลิตภัณฑ์ซึ่งเราสามารถเรียนรู้ได้มากมาย

ก้าวไกล…

• มีหลักฐานว่าการบริโภคสื่อรูปแบบใหม่ ๆ หล่อหลอมสังคมของเรา แต่เราไม่เห็นว่ามันเกิดขึ้นได้อย่างไร เพราะเรามักจะลืมคิดเกี่ยวกับมัน ในปัจจุบัน หากในขณะใดที่ความเป็นจริงน่าเบื่อหรือน่าเบื่อ โทรศัพท์ของเราเสนอสิ่งที่สนุกกว่า มีประสิทธิผลมากกว่า และให้ความรู้มากกว่าสิ่งที่ความเป็นจริงให้เราได้ แต่ยังเปลี่ยนเราภายใน เราอดทนต่อความเป็นจริงน้อยลงเรื่อย ๆ โดยเฉพาะอย่างยิ่งเมื่อมันน่าเบื่อหรือไม่สบาย “สิ่งที่เสี่ยงคือเอเจนซี่ของเรา ความสามารถของเราในการใช้ชีวิตตามที่เราต้องการ เลือกวิธีที่เราต้องการเลือก และเกี่ยวข้องกับผู้อื่นในแบบที่เราต้องการเชื่อมโยงกับพวกเขา - ผ่านเทคโนโลยี นี่เป็นปัญหาการออกแบบ ไม่ใช่แค่ปัญหาความรับผิดชอบส่วนบุคคล”
• “มีเหตุผลมากมายที่ทำให้เราเปิดเผยตัวตนของเราได้อย่างง่ายดาย เท่าที่เกี่ยวข้องกับการค้นหา เราไม่คุ้นเคยกับการมองว่าตนเองเป็นกลุ่มของข้อมูลที่ขาดหายไป ดังนั้นเราจึงพยายามดิ้นรนที่จะตระหนักว่าเราอาจถูกนิยามในเชิงลบโดยง่าย จากความต้องการทั้งหมดของเรา […] เทคโนโลยีดิจิทัลของเราได้รับการออกแบบมาเพื่อให้เรารู้สึกผ่อนคลายเกี่ยวกับการขาดความเป็นส่วนตัวของเรา” — Luciano Floridi ในบทความของเขาเรื่อง “The Self-Fulfilling Prophesy”

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