Digest of fresh materials from the frontend world for the last week # 469 (May 24 - 30, 2021)

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

Media

• Podcast "Web Standards" №83. Sublime Text 4, Sass, Svelte after React, Container Queries, Learn CSS, Google I / O, new GDEs

• "proConf" podcast # 97: JavaScript for WordPress 2020

• "Callback Hell" podcast: Sublime Text 4 and other editors, problems writing readable code, ending the IE era

• News 512 by CSSSR: Chrome 91, TypeScript 4.3, Server-Sent Events API, logux and logux / state, postTask, Parcel 2 beta 3

• News 512 by CSSSR: Sublime Text 4 , PostCSS 8.3, TypeScript insecurity, Angular DevTools, WebContainers, Google I / O 21

• Goose & Duck podcast pilot: Babel, money, two geese

Web development

• What is your biggest HTML problem? Developers, Developers, Developers

• Using Web Components to Work on GitHub

• The Ultimate Guide to Practical Use of the Web Speech API

• The Complete SEO Guide for Developers in 2021.

• The evolution and redefinition of the Jamstack

• 10 client storage options and when to use them

• Are you violating a patent by publishing a PWA?

• Create a smooth hover effect with GSAP and SVG

• Tools
  
  • Useful VS Code extensions for frontend developers
  
  • SVG Crop - A tool to instantly remove white space around any SVG.
  
  

• Accessibility
  
  • Accessibility issues for web forms
  
  • Accessible SVGs: Ideal templates for screen reader users
  
  

CSS

• HTML and CSS errors that degrade UX

• Careful analysis of CSS-in-JS

• CSS Container Queries for designers

• 25 years of CSS

• CSS Container Queries: use cases and migration strategies

• A new way to reduce the impact of font loading: CSS font descriptors

JavaScript

• Pocketbook on TypeScript. Part 1. Basics , Part 2. Types for Every Day

• 3 Ways to Visually Extract Data with JavaScript

• Sparkplug - A Non- Optimizing JavaScript Compiler

• New Standards for Accessing Device Hardware Using JavaScript

• 7 Tools That Transform JavaScript Development

• An Introduction to Clio lang : an uncomplicated implementation of a productive critical js

• React
  
  • React
  
  • Async Effects React
  
  • React
  
  • govuk-react — GOV.UK React CSSinJS Object notation ( styled-components).
  
  • MobX -
  
  

• Vue
  
  • Vue 3
  
  • Vue Composition API
  
  • Vue.js Auth0
  
  • Vue.js styled-components
  
  • UI- Vue 3
  
  

• Angular
  
  • Angular AddOnDoc TaigaUI
  
  • Angular: Angular
  
  • @taiga-ui/cdk Angular: 5
  
  

• Svelte
  
  • SvelteKit, Svelte
  
  

• Libs & Plugins
  
  • Handy.js
  
  

• Mozilla will adopt Manifest v3 for Firefox add-ons, but no action against ad blockers

• Chrome 91 release

• The ghost of Google Reader is finding its way in



last week's new build of Chrome Canary Digest .

Material prepared dersmoll and alekskorovin .