Digest of fresh materials from the frontend world for the last week # 465 (May 26 - 2, 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

Media

• "proConf" podcast # 94: GraphQL Galaxy

• "512 News" from CSSSR: Chrome 91 Beta, postcss-easy-z, tree-shakeable libraries, guides on custom CSS properties and CLS

• "Callback Hell" podcast: The last fall stronghold of Dart, visual programming languages ​​on the example of Enso, Lucy - DSL for state machines

• Podcast "Frontend Yunost" # 185: Stand up driven development

Web development

• The history of the frontend: JavaScript as a reflection of the new era

• HTMHell - hellish markup

• HTML tags and attributes that you probably did not know about

• Responsive design as an antipattern

• The humble element img and Core Web Vitals

• How to implement choice of actions for selected text using the Selection API

• Tools
  
  • Yarn 2 - Install and understand
  
  • Why we switched from Webpack to Vite
  
  • New Flex editor in Chrome 90
  
  • Web server on Ubuntu 20 from scratch: nginx, HTTPS, Brotli and HTTP / 2
  
  

• 
  
  • Google Core Web Vitals
  
  • ,
  
  • Google Web Vitals
  
  

• 
  
  •
  
  • Apple Keynote Event SVG, Canvas GreenSock
  
  • «Inspirational Websites Roundup» #25
  
  • Three.js GLSL
  
  

CSS

• Examples of CSS Variables in Practice

• Container Queries in CSS

• How to Provide Glassmorphism with HTML and CSS

• VDS (value definition syntax)

• fit-content and fit-content ()

• A Complete Guide to Custom Properties

• A First Look at CQFill. polyfill for CSS Container Queries

• Learning color-contrast () for the first time

• GPT-3 and CSS frameworks

• Understanding easing functions for animations and transitions in CSS

• New WebKit Features in Safari 14.1 (Flexbox Gap, Date & Time Inputs, CSS Individual Transform Properties)

JavaScript

• The Healing Power of JavaScript

• Human-Readable JavaScript: A Story of Two Experts

• The Mosaic Principle, or How We Made JavaScript Truly Modular

• Walkthrough: From Intermediate to Senior Engineer in JavaScript

• Client-Side API Patterns Every Front-End Developer Should Know

• Theory
  
  • You can use labels with an `if` statement
  
  • ES6 Import and Export Cheat Sheet
  
  • JavaScript Iterators and Generators: The Complete Guide
  
  

• React
  
  • 5 React-,
  
  • 5 React
  
  • React Table: headless React
  
  • React Table React
  
  • , Icons-Components React.js
  
  

• Angular
  
  • Angular docs. Angular
  
  • Banx. HTTP Angular. API.
  
  • Banx. Config service Environment service Angular Nx
  
  • Angular: Angular ngStyle
  
  • Angular RxJS
  
  • Angular —
  
  • Angular (Ng-Conf 21 Update)
  
  

• Ember
  
  • Ember
  
  

• Svelte
  
  • Svelte UI
  
  • Svelte — !
  
  

• Libs & Plugins
  
  • Useful JavaScript libraries
  
  • js-tokens - Tiny flexible JavaScript tokenizer that works on regular expressions
  
  • Fower - A utilitarian CSS in JS library for quickly developing interfaces.
  
  

Digest for the last week .

Material prepared dersmoll and alekskorovin .