Digest of fresh materials from the frontend world for the last week # 473 (June 14 - 20, 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

• Web Standards Podcast # 286: High-Performance Storage for Your Application: Storage Foundation API

• Callback Hell Podcast: Microfronts and the Module Federation, Why Companies Are Afraid to Open Source, E3 Game Show

• 512 News from CSSSR: Canvas rendering, Lighthouse 8, CSS aspect ratios, PHP 8.1 alpha, Next.js 11, Linus and anti-grafting

• Lazy Frontend Podcast # 2 Kaiwa Show | How to Maintain Love for Web Development

• Frontend Yunost podcast # 191: HRs are a little bit crazy

Web development

• <img>. Yandex report

• Themization. History, reasons, implementation

• DIV must go: improving HTML

• Learning Eleventy from scratch. Free 31-Lesson Course

• How I Used WAAPI to Create an Animation Library

• Ten Years of Web Components

• Performance
  
  • Optimizing web graphics in 2021
  
  • High-performance storage for your application: Storage Foundation API
  
  

• 
  
  • CSS : JavaScript
  
  • 5 , -
  
  •
  
  • , ,
  
  

CSS

• : has in CSS - a pseudo-class from the future using an example of a news card

• Using the `outline` property as a collapsing border

• Perfect tooltips with CSS clipping and masking

• Optical size, hidden superpower of variable fonts

• A quick guide to CSS boolean properties

• Shy button $ 8 Million

• Making tables with sticky headers and footers just a little easier

JavaScript

• Hiding courier and customer numbers with key-value storage

• A humorous overview of Rust from a JavaScript perspective

• State management: two-way bindings and advanced binding formatters

• What are bookmarklets? How to use JavaScript to create a bookmarklet in Chromium and Firefox

• Testing memory usage in JavaScript

• "Double quotes" versus "single quotes" versus "back quotes" in JavaScript

• sorting-algos-visualizer - Visualization of sorting algorithms: QuickSort, MergeSort, HeapSort, BubbleSort, InsertionSort

• React
  
  • React. , .
  
  • Next.js 11
  
  • React 18 ! ,
  
  • React 2021 : 17
  
  • React
  
  • React State Machines,
  
  • React Intl: React
  
  

• Vue
  
  • Vue
  
  • A ‘Vue’ of Accessibility: ,
  
  • Vue 3 18
  
  • Vue.js Go
  
  • - Vue.js:
  
  

• Angular
  
  • — .
  
  • Angular Material CDK
  
  • Angular 2021
  
  • Angular 2021
  
  • Angular
  
  • GitLab pipeline Angular. 2
  
  

• Ember
  
  • The Ember Times — Issue No. 182
  
  • Ember —
  
  • Ember Upgrade Sprints
  
  

• Libs & Plugins
  
  • millionjs - <1kb virtual DOM
  
  • EinsModal - Easy to use modal / dialog / popup in vanilla JS.
  
  

Digest for the last week .

Material prepared dersmoll and alekskorovin .