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 .