The digest of fresh materials from the world of the front-end for the last week No. 382 (September 22 - 29, 2019)

We bring to your attention a selection with links to new materials from the frontend area and around it.

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

Media

• Podcast Web Standards No. 195 . Chrome 78 and iOS 13, React folding, variable Google Fonts, proxies, and jQuery

• CSSSR Podcast : 512 News — Frankenstein, HTML, Nim Semantics, and the Secret Quantum Computer

• React Five Minute Podcast - FrontendConf 2019

• Podcast “UnderJS” # 5 - Conversation with Roman Dvornov about Open-Source and the delicious details of the Web [Tube]

• Podcast “Make Me Beautiful” , Issue No. 25, visiting Yuri Tsukanov - Competition, poor ways to learn the language and useful links

• Podcast Make Me Beautiful , Issue No. 26 - Questions to the employer, architecture is not needed and atomic CSS

• Devshacht Podcast # 95: Why Hold a Conference in English

• Frontend Youth (18+) podcast # 109 Sell technical debts to Pro Unlimited collectors

• Web Standards Podcast - 194. Eric Meyer and Max Böck on HTML, CSS, and Web standards

• "How I became a Front-end developer." Evgeny Kovalchuk on webDev

• FrontSpot Show # 12: Sergey Rubanov about the future of JS, secrets of a paid open source, the intricacies of BeerJS.

• Repozitorro # 28 - Decent Portfolio Portfolio

Web development

• 5G - a technology that is likely to slow down the web

• Drag - & - Drop components for blind users? Are you joking?

• Service Workers in Slack Client: On Download Acceleration and Offline Mode

• How to “do" semantics correctly

• Complete Guide to Responsive Images!

• Go offline with microformats

• Additional options to help websites preview their content on Google search

• Do you really need PWA? Four questions to help you decide

• Frankenstein-Migration: A Framework-Independent Approach: Part 1 , Part 2

• Why are progressive web applications the future of the mobile Internet?

• Guidelines for implementing dark modes on sites

• Instruments
  
  • Launching Lighthouse in CI using Github Actions
  
  • Image sizes and videos for social networks.
  
  • navi is an interactive command line tool
  
  • image-actions - automatically compress jpeg, png and webp images in pull-quests on GitHub
  
  

• Performance
  
  • Acceleration instagram.com. Part 1
  
  • Technologies Yandex Turbo Pages and Google AMP for e-commerce
  
  • Study animation performance with DevTools
  
  • Performance Metrics for Unbelievably Fast Web Applications
  
  • Is it the right time to choose AMP?
  
  

CSS

• Two browsers enter the scrollbar somehow ...

• Where and how to use column layout (CSS Columns)

• Email Spamer Protection on CSS

• Use the Google API to access variable fonts.

• Smarter custom properties with the new Houdini API

• How CSS Grid Changes Our View on Content Structuring

Javascript

• JQuery history and heritage

• Pain and Tears in Svelte 3

• JavaScript error handling guide

• Going beyond console.log () - 8 console methods to use when debugging JavaScript and Node

• JavaScript in 3D: an introduction to Three.js

• New and potential ES2019 JavaScript features that will delight every developer

• 6 things you probably didn't know that javascript can do natively

• Client-side data filtering: comparing CSS, jQuery, and React

• Theory
  
  • Combining styles using JavaScript Proxy
  
  • An explanation of how the Intersection Observer works
  
  • The strange world of Infinity in JavaScript
  
  

• React
  
  • Thinking in the React Hooks Paradigm
  
  • Finite state machines in React
  
  • How to solve the Render Props Callback Hell problem
  
  • React & SEO: SPA development on Next.js optimized for Google
  
  • Recursion in React: rendering comments with nested children
  
  

• Vue
  
  • How to structure your Vue project for the long term
  
  • 15 Vue directives to greatly increase your productivity
  
  • Creating Chrome Extensions with Vue.js
  
  • MSK Vue.js Meetup # 2
  
  

• Angular
  
  • “WARNING: sanitizing HTML stripped some content” and how to deal with it correctly
  
  • How to use components recursively in Angular
  
  • Angular and Availability: Challenges and Strategies
  
  • How to work with asynchronous providers in Angular
  
  

• Ember
  
  • Ember 3.13 release (Octane preview)
  
  • Promises and user states in Ember.js
  
  • JSJ 395 Podcast: New New Ember with Mike North
  
  • Route animation with Ember Animated
  
  

Browsers

• How the browser draws. Yandex Report

• Microsoft porting Edge browser on Linux

• Google, Mozilla, and Cloudflare support HTTP / 3

• Mac stopped loading due to Google Chrome update

• How to take a screenshot of a high DPI site in Firefox

Entertaining

• CloudFlare launched a free VPN - no registration (and SMS)

• GitHub launches its tentacles in CI / CD and artifact management

• Why developers love the dark theme so much

• GitHub has opened the groundwork for the application of machine learning to search and analyze code

• Sold the technology in Snap and gained popularity on the “what celebrity you are” feature: who developed the Gradient application

• Yahoo changed its logo and rebranded

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

Last week digest .

Material prepared by dersmoll and alekskorovin .