อัพเดทการพัฒนาเว็บประจำเดือน 7⁄2019: เทคนิคสมัยใหม่และปัญหาที่ดี

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

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

การทำสิ่งที่มีประโยชน์แม้เพียงเล็กน้อยก็ถือเป็นเรื่องดีเสมอ และอย่าลืมให้เกียรติการกระทำของคุณเพียงแค่ยิ้มและขอบคุณสำหรับสิ่งที่คุณทำ!

ข่าว

• Chrome 76 ลบสองสามสิ่งเช่น feature policy: lazyload , การใช้ DeviceMotionEvent และ DeviceOrientationEvent ที่ไม่ปลอดภัย หากคุณใช้ โปรดตรวจสอบให้แน่ใจว่าคุณใช้บริบทที่ปลอดภัยในตอนนี้ หรือแทนที่โดยผู้สืบทอด
• Firefox 68 ออกมาแล้วและนี่คือสิ่งใหม่: BigInts สำหรับ JavaScript, การตรวจสอบการช่วยสำหรับการเข้าถึงใน DevTools, CSS Scroll Snapping และการจัดรูปแบบเครื่องหมาย, การเข้าถึงกล้อง, ไมโครโฟน และอุปกรณ์สื่ออื่น ๆ ไม่ได้รับอนุญาตอีกต่อไปในบริบทที่ไม่ปลอดภัยเช่น HTTP ธรรมดา ขณะนี้คุณสามารถส่งคำขอเครือข่ายอีกครั้งโดยไม่ต้องแก้ไขวิธีการ, URL, พารามิเตอร์ และส่วนหัวผ่าน DevTools และยังมีการแก้ไข (ความเข้ากันได้) มากมายสำหรับคุณลักษณะ CSS ด้วยเช่นกัน
• Chrome 76 รองรับรูปภาพสำหรับ async clipboard API ทำให้ง่ายต่อการคัดลอกและวาง image/png โดยทางโปรแกรม (ปัจจุบันเป็นรูปแบบเดียวที่รองรับ แต่น่าเสียดาย)
• การป้องกันการติดตามพร้อมใช้งานในตัวอย่าง Microsoft Edge ตามเบราว์เซอร์อื่นๆ เช่น Safari และ Firefox
  

ทั่วไป

• คุณเคยได้ยินแนวคิดของ "ปัญหาที่ดี" หรือไม่? Frank Chimero นิยามว่าเป็นการตั้งคำถามและลองนึกภาพสภาพที่เป็นอยู่ใหม่ และให้การกระทำของคุณแตกต่างไปจากปกติ แต่การสัมภาษณ์นักออกแบบแสดงให้เห็นมากกว่าแนวคิดใหม่ เป็นการท้าทายว่าเราทำงานอย่างไรในปัจจุบันและทำอย่างไรในสิ่งที่คุณทำเองที่ไม่สอดคล้องกับบรรทัดฐานของสังคม

โดยเฉพาะอย่างยิ่งฉันชอบคำพูดนี้ที่นี่:

“ช้าลงหน่อย หาที่เงียบๆ และสร้างเวลาสำหรับความสันโดษเพื่อให้คุณได้ยินเสียงของตัวเอง ข้างนอกเสียงดังมาก”

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

UI/UX

• ปุ่มสลับหลายปุ่มล้มเหลวในการแสดงสถานะปัจจุบันหรือทำให้ตัวเลือกที่ไม่ได้เลือกปรากฏให้เห็น ต่อไปนี้คือวิธีการสลับปุ่มและตัวบ่งชี้อย่างถูกวิธี

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

• Lindsey Kopacz แบ่งปันวิธีที่เราสามารถสร้างกล่องกาเครื่องหมายแบบกำหนดเอง แต่เข้าถึงคีย์บอร์ดได้ด้วยเทคนิค CSS ที่ทันสมัย

JavaScript

• Marta Wisniewska แชร์ว่าคุณสมบัติ flat() , flatMap() และ fromEntries() และคุณสมบัติอื่นๆ ของ ES2019 ทำงานอย่างไร และควรใช้เมื่อใด
• Addy Osmani เกี่ยวกับต้นทุนของ JavaScript ในปี 2019 บทความ (หรือวิดีโอ ถ้าคุณต้องการ) สำหรับทุกคนที่สร้างแอปพลิเคชัน JavaScript

CSS

• Miriam Suzanne อธิบาย CSS Custom Properties และบทบาทของพวกเขาในน้ำตกในบทความเจาะลึก

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

• Active Listening เป็นทักษะที่ช่วยให้เราฟังความหมายและความรู้สึกของอีกฝ่าย แทนที่จะฟังแบบเดิมๆ ที่เน้นว่า 'ฉันจะตอบหรือแสดงความคิดเห็นในเรื่องนี้ได้อย่างไร หรือเราจะแก้ปัญหานี้อย่างไร' คู่มือบัฟเฟอร์ที่เขียนโดย Marcus Wermuth เป็นแหล่งข้อมูลที่ดีเยี่ยมในการเรียนรู้และฝึกฝนการฟังอย่างกระตือรือร้น
• Christoph Rumpel แบ่งปันสิ่งที่เขาเรียนรู้จากการจัดพิมพ์หนังสือด้วยตนเองและแสดงข้อมูลเชิงลึกที่น่าสนใจเกี่ยวกับการเงินของหนังสือ และสิ่งที่ควรหลีกเลี่ยงหรือทำอะไรให้ดีขึ้น
• Ben Werdmuller ในการทำดีในขณะที่ทำดี: นี่เป็นเรื่องราวส่วนตัวเกี่ยวกับการดิ้นรนกับรายได้ การลงทุน ทุนของบุคคลที่สาม การพยายามหารายได้ด้วยตัวเองโดยการขายสินค้าของคุณในขณะที่มีคู่แข่งอย่างอิสระ และวิธีผลิตสิ่งดีๆ ในขณะทำ ทางการเงินได้เป็นอย่างดี
• Shape Up — Stop Running in Circles and Ship Work that Matters เป็นหนังสือออนไลน์เล่มใหม่ฟรีโดย Ryan Singer เกี่ยวกับการจัดการโครงการ การเป็นผู้นำบริษัทและผลิตภัณฑ์ มันวิเศษมาก และในขณะที่ฉันมีเวลาเพียงแค่สะบัดอย่างรวดเร็วและอ่านบางบทและส่วนแต่ละส่วน สิ่งนี้จะกลายเป็นแหล่งข้อมูลสำหรับบันทึกและอ้างอิงเป็นประจำอย่างแน่นอน

ก้าวไกล…

ฉันอยู่ในโรงหนังเมื่อสัปดาห์ที่แล้วเพื่อดูหนังเกี่ยวกับบางคนที่สร้างฟาร์ม ตัวอย่างนั้นดีและในขณะที่ฉันไม่มั่นใจ 100% มันเป็นตอนเย็นที่ฉันต้องไปดูหนัง ฉันก็เลยไปและได้ไปดู “ฟาร์มเล็กที่ใหญ่ที่สุด” ชาวนาสร้างภาพยนตร์เรื่องนี้ด้วยตัวเขาเองในฐานะผู้สร้างภาพยนตร์สัตว์ป่า ดังนั้นคาดหวังว่าจะมีภาพที่น่าทึ่งและลำดับของสัตว์ป่าในนั้น!

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

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

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