NaN in JavaScript, Accessibility, and CSS: FrontEnd news (05 Feb20)

Hi! Let’s talk today about NaN in JavaScript, Accessibility, and CSS. If this is your first time here and you want to learn Frontend and JavaScript, start right now by subscribing, and don’t forget to turn on the subtitles. [Music playing] “Front-End Performance Checklist 2020” is a detailed front-end performance checklist that covers everything you need for creating fast web experiences. It is available in PDF and other formats. Tracking down memory leaks in Node apps is a popular topic because there’s always something to learn here. In the article “Memory Leaks Demystified” by Giovanny Gongora, you can learn about V8 and using Node and Chrome DevTools to track down memory leaks.

00:58 - Dmitri Pavlutin in his turn posted one more interesting article titled “NaN in JavaScript.” Here you can read about a special number in JavaScript, operations resulting in NaN, and checking for equality with NaN. In a tutorial “Adaptive loading: improving web performance on slow devices,” you can learn how to ensure that every your user gets the best possible experience (based on hardware and network constraints) and how Twitter, eBay, etc. use it. [Music playing] In this episode of the State of the Web, Rick Viscomi talks with Marcy Sutton about web accessibility, its impact on business, and more. In the talk “Exploring Audio with React and SVGs,” the author shows how to use SVGs with React to visualize audio and provided several compelling examples. Oldies but goldies.

02:05 - In case you’ve missed a pretty good article “Optical Effects in User Interfaces: An Illustrated Guide” by Slava Shestopalov, you need to check it out. Here you can learn how to make optically balanced icons, correct shapes alignment, and perfect corner rounding. Take a look. In the article “Multi-Thumb Sliders,” Ana Tudor examines in detail how to implement multi-range sliders and style them. [Music playing] Rachel Andrew, in her turn, posted a detailed guide, namely “Understanding CSS Grid: Creating A Grid Container.” In this series, the author breaks down the CSS Grid Layout spec.

03:00 - The first part describes what happens when you create a grid container. You know, I’m not a big fan of CSS but this video regarding new CSS features [and beyond] in Chrome (and supposedly in the web platform then) really impressed me. In the post “Smaller HTML Payloads with Service Workers,” Philip Walton explains how to load unique content for each page, using cache for shared content. The last but not least point for today is a long read by Dan Abramov titled “My Decade in Review.” The author described his journey from a college in 2010 to the position that he has now in 2020.

03:54 - [Music playing] If you like this video, give it “thumbs up,” share it with your friends, subscribe to the channel and watch other episodes. Thanks for watching and stay curious. .