Digest of fresh materials from the frontend world for the last week # 463 (April 12 - 18, 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

• "News 512" from CSSSR: Chrome 90, Deno 1.9, JS performance analysis, compilers, layout of emails, pnpm 6, ESLint 7.24.0

• "proConf" podcast # 92: GatsbyConf 2021

• "Make me beautiful" podcast # 60 - The only frontend that lays eggs

• Podcast "Frontend Yunost" # 183: The path from an idea to a popular OpenSource project

• Podcast "How is it?" Issue # 2: Team Leads, Project Managers, Testers - Who Are All These People?

Web development

• Little Known But Cool Attributes in HTML

• Microfrontends: Divide and Conquer

• A Complete Guide to Creating HTML Email Templates

• Practical Accessibility Part 2: Give a Name to (Nearly) Everything

• Platform News: Usage: focus-visible, the new BBC font. Declarative Shadow DOMs, A11Y and Placeholders

• Slow and Careful: Converting the Entire Sentry Interface to TypeScript

• Tensions between Wix and WordPress are growing

• 
  
  • Parcel Snowpack —
  
  •
  
  • natto.dev — JavaScript-
  
  • Frontend Toolkit — -
  
  

• 
  
  • Cumulative Layout Shift
  
  • WebAssembly ?
  
  • JavaScript DevTools
  
  • CSS CSS-in-JS
  
  

• 
  
  • 2D- Matter.js Paper.js
  
  • Meta GSAP: «»
  
  

CSS

• Non-standard fonts: how to connect and optimize

• What CSS generators can be used in 2021

• Custom CSS variables, color inversion and dark theme creation in 5 minutes

• CSS: working with text on images

• Tailwind CSS: to use, or not to use?

• Tailwind UI: now with React + Vue support

• Overflow issues in CSS

• How to make styles with the Fullscreen API

• Say hello to CSS Container Queries

• CSS is a strongly typed language

• A beginner's guide to new utilities in Bootstrap 5

• Use Reseter.css instead of Normalize and Reset.css. To improve cross-browser compatibility.

JavaScript

• Type safety in JavaScript: Flow and TypeScript

• Working with dates and time zones in JavaScript

• Resizing images based on context with JavaScript

• Working with strings in modern JavaScript

• JavaScript generators: superior async / await

• A different approach to front-end architecture

• React
  
  • React, Preact, Inferno
  
  • React: . JavaScript
  
  • The next big thing! React Query server-state data management
  
  • React Router Hooks: ,
  
  • React
  
  • Redux
  
  • Remotion: React.
  
  • 5 , React
  
  

• Vue
  
  • Nuxt.js, Node Express
  
  • Vue Vue 3
  
  • provide/inject Vue.js 3 Composition API
  
  • , React- Vue
  
  

• Angular
  
  • LocalStorage, SessionStorage Cookies.
  
  • Angular CSS
  
  

• Libs & Plugins
  
  • lazyfill —
  
  

• Chrome 90 Released

• The inclusion of HTTP / 3 support in Firefox slated for late May

• Firefox 90 will remove the code that provides FTP support

• Developers Vivaldi and Brave refused to use Google's FLoC, designed to replace third-party cookies

• Microsoft Edge has a special "child mode "

• Firefox Nightly and Beta now support QUIC and HTTP / 3

• WebKit: Introducing CSS Grid Inspector



Digest from last week .

Material prepared by dersmoll and alekskorovin .