The digest of fresh materials from the world of the frontend for the last week No. 356 (March 11 - 17, 2019)

We offer you a selection with links to new materials from the front-end area and around it.

Media | Web Development | CSS | Javascript | Browsers | Entertaining

---

Media

• Podcast "Web Standards", Issue # 165 : Chrome 73, React Native 0.59, CSS Nesting, KV Storage, ARIA Live Regions, web components, conditional ES-modules.
• Podcast «HardcodeFM» Episode 9 - ClojureScript frontend
• Podcast "Frontend Youth (18+)" # 87 Classes are not needed
• The podcast "CSSSR" News 512 - Issue number 42 (11.03 - 17.03)
• "Everything goes to the front end . " New song by Mikhail Malkov on the front-end

Web development

• Strength and power of web components
• Frontend without javascript
• Responsive Image Planning
• KV Storage: the first embedded module on the web
• Proposal to add support for differential scripting in the WHATWG discussion on Github
')

• Performance:
  • Accelerate a site with a lot of pictures: a guide on deferred loading of images
  • Announced by Lite Pages for Chrome: faster downloads for users * very * slow networks. Opt-in via Google Data Saver for smarter server pre-rendering and prioritization of page sub-resources
  • Understanding Chrome Lite
  

• Tools:
  • Webpack in practice: from scratch to create autotests
  • Sublime Text 3.2 is out, still fast, in the new release - Git integration
  • How to use Chrome as IDE
  

• Accessibility:
  • Everything you need to know about ARIA Live Regions
  • Accessibility insights is a11y's new testing tool that provides quick and useful information about accessibility issues in your products.
  

CSS

• Flexible preloader using em units
• WebP in CSS - PostCSS plugin and tiny JS script (128 bytes) for using WebP as CSS background
• How to get started with CSS Grid
• Designing units for aspect ratio in CSS
• CSS debugging is hard
• If statements and loops in css
• How to manipulate CSS colors with javascript
• Redesign our documents - Part 4: Build a scalable CSS architecture
• Why can't I set the font size for the visited link?
• Using CSS-in-JS to style custom elements
• Getting Started with PostCSS in 2019
• Effective animation of underscore menu navigation items.

Javascript

• We solve the problem from a Google interview on JavaScript: 4 different ways
• Node.js Foundation and JS Foundation merged into the OpenJS Foundation
• Using javascript? 6 ways to view processed HTML
• Interview for the position of JavaScript-developer: popular problems with the analysis of solutions
• An update on experimental features in Node.js
• GraphQL in Depth: What, Why, and How
• How I corrupted my JavaScript code and still won the Coding Challenge
• JavaScript in 14 minutes . Jeremy Thomas Interactive Tutorial

• Theory:
  • We understand closures in JavaScript. Once and for all
  • When “Zoë”! == “Zoë”. Or why you need to normalize Unicode strings
  • 7 tricks with the use of spread and rest objects in JavaScript
  • Conversion of callback functions to promises
  

• VueJS:
  • VueJS: About 3.0
  • How to replace jQuery with Vue
  • How to configure the interface for searching in Vue.js
  • Vue a11y - Vue.js community project to improve website accessibility.
  

• React:
  • Analysis and optimization of React-applications
  • React documentation is now available in Russian.
  • React Hooks: how to start and create your own
  • Add animation to React applications using React-Lottie
  • Optimal file structure for React applications
  • You don't need a trendy framework to use GraphQL with React
  

• Angular:
  • Automatic update of lazily loaded modules for Ivy
  • Implementing a file upload using Node and Angular
  • Create Angular and React applications with Nx
  

• Libs & Plugins:
  • Why you should not use Moment.js ...
  • promise-utils: similar to lodash utilities without dependencies for native ES6 promises
  • asynchronous parallel / serial foreach in javascript
  • lax.js - Simple and easy plugin on vanilla javascript to create smooth and beautiful animations when scrolling.
  

Browsers

• Chrome 73 web browser release
• Why Brave can be a decent alternative to Chrome
• Dark mode in Chrome browser became available on Mac

Entertaining

• The World Wide Web has turned thirty years old - what will happen to it next?
• Artificial intelligence and crypto - we separate HYIP from reality
• Ephemerality is a lie. Why encryption will not save your privacy
• Lookout is a Google application that tells the blind and visually impaired about the environment.
• The former Rambler developer created a web server, overtook Microsoft in the market and sold the company for $ 670 million: Nginx history
• Mozilla introduced the file hosting Firefox Send
• It's time to say goodbye. Google Messenger Allo stopped working, the queue - Inbox
• GitHub changes the privacy policy and sanctions compliance conditions.
Go

We apologize for any typos or broken / duplicate links. If you notice a problem - please write in a personal, we are trying to fix them quickly.

Digest from last week .
Material prepared dersmoll and alekskorovin .