อัพเดทการพัฒนาเว็บประจำเดือน 5⁄2019: Over-Complication and Performance Workaholism

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

การนำเสนอที่เน้นส่วนที่ดีและเส้นทางที่ไม่ธรรมดาในชีวิตนั้นค่อนข้างหายาก แต่ข้อยกเว้นประการหนึ่งคือการพูดเกินจริงและการพูดคุยของ Rob Draper ซึ่งเขาแบ่งปันเรื่องราวของเขาและเหตุการณ์ที่ไม่คาดฝันได้สร้างบทบาทที่เขามีอยู่ในปัจจุบันได้อย่างไร และฉันดีใจที่มีคนที่น่าทึ่งที่เชื่อในมนุษย์ และแบ่งปันวิธีที่เราทุกคนสามารถทำอะไรบางอย่างเพื่อให้มีงานและชีวิตที่ดีขึ้น: อาจเป็นอย่างที่สตีเฟน เฮย์แนะนำให้เชื่อในความคิดของคุณเอง เป็นเจ้าของเว็บไซต์และระบบโซเชียล หรือในฐานะเพื่อนที่ดีของฉัน แอนดี้ กำลังสร้างความคิดริเริ่มที่ไม่แสวงหาผลกำไรเพื่อสร้างโรงเรียนในแอฟริกา ซึ่งเป็นโครงการที่เขาลงทุนไม่เพียงแต่เวลาเท่านั้นแต่ยังใช้เงินอีกด้วย

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

ข่าว

• มาทำให้สิ่งต่าง ๆ เป็นทางการกันเถอะ: Safari 12.1 รองรับโหมดมืดแล้ว ตรวจสอบบทความฉบับเต็มเพื่อดูวิธีนำไปใช้กับหน้าเว็บของคุณ หรือดูเว็บไซต์อย่าง Twitter หรือ Colloq ที่รองรับอยู่แล้ว เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Safari มีโหมดดีบักสำหรับโหมดมืดด้วยเช่นกัน
• Chrome 74 เป็นสาธารณะ เวอร์ชันใหม่ช่วยให้เราตรวจพบว่าผู้ใช้ร้องขอการเคลื่อนไหวที่ลดลงและ API ของนโยบายคุณสมบัติได้รับการอัปเดตด้วย ดังนั้นตอนนี้เราสามารถขอ document.featurePolicy.allowedFeatures() สำหรับคุณสมบัติที่อนุญาตทั้งหมด, allowsFeature() สำหรับคุณสมบัติเดียว หรือ document.featurePolicy.getAllowlistForFeature() สำหรับรายการโดเมนที่ได้รับคุณสมบัติที่อนุญาต
• Googlebot อยู่ในป่าดิบชื้นในขณะนี้ ซึ่งหมายความว่าโปรแกรมรวบรวมข้อมูลการค้นหาของ Google จะได้รับ Chromium เวอร์ชันใหม่ล่าสุดโดยอัตโนมัติ นับจากนี้เป็นต้นไป จะรองรับ ES6, ECMAScript Modules และฟังก์ชันการทำงานที่ใหม่กว่า และเข้าใจเนื้อหาที่โหลดแบบ Lazy Loading ผ่าน IntersectionObserver และ WebComponents v1 API อาจถึงเวลาทิ้งทรานสพิลเดอร์ ES6 ของเราในไม่ช้านี้
• Web Share API เป็นส่วนเสริมที่ดีในการใช้ประโยชน์จากเว็บไซต์ให้มากขึ้น และในขณะที่มีให้ใช้งานบน Chrome สำหรับ Android มาระยะหนึ่งแล้ว Safari กำลังนำคุณสมบัตินี้มาสู่ macOS และ iOS ในเวอร์ชันล่าสุด

ทั่วไป

• Stefan Judis แชร์บทความสรุปเกี่ยวกับวิธีทำให้เว็บมีความปลอดภัย ทำให้มันมีราคาที่ไม่แพง รวดเร็ว และปรับแต่งการตอบสนองต่อผู้ใช้ — ทั้งหมดนี้มีส่วนหัว HTTP การอ่านที่ดีสำหรับทุกคนเนื่องจากเราทุกคนมักจะลืมสิ่งเหล่านี้ในงานประจำวันของเรา
• รายงานสุขภาพอินเทอร์เน็ต Mozilla 2019 ประจำปีจะตรวจสอบว่ามนุษยชาติและอินเทอร์เน็ตตัดกันอย่างไร นี่คือรายงานพร้อมคำตอบสั้นๆ สำหรับผู้ที่ไม่ต้องการอ่านทั้งหมด
• การหมุนเวียนตามสายเป็นเรื่องปกติในเทคโนโลยี และฉันรู้ว่าหลายทีมประสบปัญหานี้ นั่นเป็นเหตุผลที่ฉันพบคู่มือนี้ในหัวข้อ “On-call at any size” ที่ค่อนข้างให้ข้อมูลและมีประโยชน์ ซึ่งจะอธิบายวิธีการเตรียมตัวและสิ่งที่ต้องทำ ไม่ว่าคุณจะเป็นทีมเล็กหรือส่วนหนึ่งขององค์กรใหญ่ก็ตาม
• Emily Shaffer แบ่งปันวิธีการใส่คำอธิบายประกอบของนิพจน์ทั่วไปเพื่อให้ผู้อื่นเข้าใจเช่นกัน

UI/UX

• แอปแบบครอสโอเวอร์ที่ค่อนข้างดีที่ควรค่าแก่การเน้นที่นี่: แอป Concepts คือแอปสเก็ตช์ วาดภาพ วางแผนที่มีความยืดหยุ่นสูงสำหรับการสร้างแนวคิดและแนวคิดดิจิทัล
• Patrick Faller อธิบายวิธีการย้อนกลับความซับซ้อนมากเกินไปในการออกแบบผลิตภัณฑ์

เครื่องมือช่าง

• GitHub กำลังเติมเต็มประสบการณ์ด้วยการรวมรีจิสตรี npm ของตัวเอง (แต่ยังรวมถึง ruby, Docker, Maven, NuGet) ลงในแพลตฟอร์ม นี่เป็นขั้นตอนใหญ่เพราะทำให้การเผยแพร่แพ็คเกจแบบกำหนดเองและส่วนตัวง่ายขึ้นมาก

ความเป็นส่วนตัว

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

ความปลอดภัย

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

การช่วยสำหรับการเข้าถึง

• stylelint-a11y เป็นปลั๊กอินสำหรับ stylelint ที่บังคับใช้แนวทางปฏิบัติที่ดีที่สุดในการเข้าถึงผ่าน CSS linter

JavaScript

• คุณไม่เคยเข้าใจ MutationObserver API อย่างถ่องแท้หรือ นี่คือคำแนะนำเพื่อให้เข้าใจ

CSS

• Andy Clarke แสดงให้เราเห็นว่าเราสามารถกำกับศิลป์และสร้างเลย์เอาต์ที่ซับซ้อนยิ่งขึ้นบนเว็บโดยใช้รูปร่าง CSS ได้อย่างไร

ชีวิตการทำงาน

• ผลผลิตและสัญญาสัมพันธ์กันอย่างไร ในช่วงเวลาที่มีความต้องการอย่างต่อเนื่อง มีงานมากเกินไปที่ต้องทำ และข้อมูลที่ไม่ชัดเกี่ยวกับลำดับความสำคัญและความรู้สึกเร่งด่วนที่แตกต่างกัน คุณแทบจะไม่สามารถตำหนิผู้คนที่ทำผิดสัญญาได้อีกต่อไป หากเราต้องเผชิญกับความคาดหวังของผู้อื่นอย่างต่อเนื่อง เช่น “โปรดกลับมาหาฉันภายใน 13.00 น. วันนี้” เราจะทำตามกำหนดการเดิมของวันนั้นและทำงานอย่างมีประสิทธิผลได้อย่างไร เราควรเพิกเฉยต่อความต้องการภายนอกดังกล่าวและพูดว่า "เรามีสิ่งที่ควรทำ" มากกว่าการตอบกลับอีเมลที่ไม่เร่งด่วนแต่เร่งด่วน "ทันเวลา" หรือไม่ แน่นอนว่าต้องใช้ความกล้าหาญบ้างในการทำเช่นนั้น แต่ในท้ายที่สุด นี่คือสิ่งที่เกี่ยวกับประสิทธิภาพการทำงาน: การทำตามกำหนดเวลาและการอุทิศเวลาโฟกัสให้กับงานชิ้นเดียว
• คนบ้างานเชิงปฏิบัติกลายเป็นวิถีชีวิตเมื่อใด The New York Times เข้าใกล้วัฒนธรรมของธุรกิจ ความเร่งรีบ และความรักแปลกๆ ที่เราพัฒนาขึ้นเพื่อการทำงานที่รวดเร็วขึ้นและมากขึ้น แล้วชีวิตของเราเมื่อเราทำงาน 12 หรือ 18 ชั่วโมงต่อวันล่ะ? แล้วคำมั่นสัญญาที่ว่าระบบอัตโนมัติจะหยุดงานจากเราล่ะ?
• คุณทำการโทรแบบสแตนด์อโลนหรือไม่? นี่จึงเป็นสาเหตุว่าทำไมสิ่งนี้จึงเป็นสิ่งที่มีค่าใช้จ่ายสูง ซึ่งแม้แต่จะส่งผลเสียต่อประสิทธิภาพของเพื่อนร่วมทีมของคุณ
• “เลิกยุ่งแล้วไม่ทำอะไรเลย ไว้วางใจเรา." ข้อเรียกร้องนี้ใน New York Times มีเหตุผล: ในโลกแห่งความเครียดและสภาพแวดล้อมที่เรายอมรับการทำงานตลอดทั้งวัน เราต้องจำไว้ว่าให้หยุดและใช้เวลาสำหรับตัวเอง
• เราชอบที่จะตัดสินเกี่ยวกับงานของคนอื่น นั่นเป็นเหตุผลที่เรามักจะประกาศบางสิ่งบางอย่างว่าเป็น "ผลไม้ห้อยต่ำ" โดยสมมติว่างานนั้นทำได้ง่ายและไม่ใช้เวลาหรือความพยายามมากนัก แต่เราลืมไปว่าเราอาจพลาดบางสถานการณ์และอาจกลายเป็นงานที่ใหญ่กว่าที่คาดไว้ เจสัน ฟรายด์ กล่าวว่า เราควรระมัดระวังเมื่อใช้คำว่า "ง่าย" เพื่ออธิบายงานของคนอื่น
• Nathan Barry ผู้ก่อตั้ง ConvertKit แบ่งปันข้อมูลเชิงลึกสองสามข้อเกี่ยวกับวิธีการดำเนินธุรกิจในรูปแบบที่แปลกใหม่: พวกเขาจ่ายเงินเดือนที่ได้มาตรฐาน เปิดเผยรายได้ต่อสาธารณะ และกระจายผลกำไรของบริษัท 60% ให้กับทีม

ก้าวไกล…

• “หากมีสิ่งใดเกี่ยวกับยุคนี้ที่หาได้ยาก บางทีอาจเป็นไปได้ว่าในที่สุดระบบเครือข่ายที่เต็มเปี่ยมของเราได้มาถึงจุดที่ไม่เหมือนใคร ด้วยผลกระทบด้านสิ่งแวดล้อมและสังคมที่เชื่อมโยงกันอย่างเห็นได้ชัด ซึ่งทำให้ไม่สามารถเพิกเฉยได้” — อิงกริด เบอร์ริงตันใน “ยุคที่หายากและเป็นพิษ”
• มามอบสิ่งที่ดีที่สุด สิ่งแวดล้อมที่ดีที่สุดสำหรับคนรุ่นต่อไป งานที่ดีที่สุดสำหรับพนักงานที่รับช่วงต่องานจากคุณ ใส่ใจในทุกด้านของชีวิต แล้วคุณจะเห็นว่ามันสร้างความแตกต่าง ถึงคนอื่นและต่อคุณ รู้สึกดีที่ทำความดี
• เทคโนโลยีต่ำ ยั่งยืน และอาจเป็นสิ่งที่มีประสิทธิภาพมากที่สุดที่เราสามารถทำได้เพื่อต่อสู้กับการเปลี่ยนแปลงสภาพภูมิอากาศ การปลูกต้นไม้. หนึ่งล้านล้านคน
• เรากำลังทำอะไรกับโลกของเรา? ดูเหมือนว่าแม้จะมีการตระหนักรู้เกี่ยวกับมลภาวะจากพลาสติกมากขึ้น แต่ยอดขายทั่วโลกของขวด กระป๋อง และกล่องพลาสติกและแก้วก็ยังเพิ่มขึ้น มีทางเลือกมากมาย โปรดหยุดซื้อบรรจุภัณฑ์พลาสติกแบบใช้ครั้งเดียวและกาแฟแบบพกติดตัว ตอนนี้พวกเราแต่ละคนได้ไหม
• เมื่อเรารู้สึกว่ามีภาระมากเกินไป เรามักจะฟาดฟันใส่ใครซักคนด้วยความหงุดหงิดและโกรธ มาจากความหวังว่าทุกอย่างจะสงบ เป็นระเบียบ เรียบง่าย มั่นคง และอยู่ภายใต้การควบคุม อย่างไรก็ตาม โลกไม่เป็นไปตามความหวังนี้ เพราะมันวุ่นวาย เปลี่ยนแปลงตลอดเวลา ไม่เคยคงที่ ไม่มีมูล เราจึงวิตกกังวลและโกรธเคืองผู้อื่น แต่เราสร้างนิสัยสงบสติอารมณ์ได้เมื่อรู้สึกท้อแท้
• โทรศัพท์ของคุณส่งผลกระทบด้านพลังงานอะไรกับหน้าจอขนาดเล็กที่คุณถืออยู่ในมือทุกวัน? เราใช้แฮงเอาท์วิดีโอ ส่งข้อความ หรืออัปโหลดรูปภาพของเราไปยังคลาวด์ แต่บริการคลาวด์ทั้งหมด เครือข่าย 4G นั้นใช้พลังงานจำนวนมากที่เรามักจะลืมไป บทความนี้เจาะลึกถึงการพึ่งพาการใช้สมาร์ทโฟนในปัจจุบัน และเหตุใดการบันทึกข้อมูลและลดการใช้โทรศัพท์ของคุณจึงมีความสำคัญ และหากเป็นเพียงเพื่อประโยชน์ของคุณเอง

อีกอย่าง: ถ้าคุณชอบเรื่องรออ่านของฉัน โปรดพิจารณาบริจาค การบริจาคให้ Makuyuni ก็นับเช่นกัน

—อันเซลม์