Digest of fresh materials from the frontend world for the last week # 445 (December 7 - 13, 2020)

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

• "News 512" from CSSSR: PhpStorm 2020.3; Playwright, Puppeteer and Selenium; Next.js on Lyft Beaker 1.0; State of JS 2020 , As well as text version

• Web Standards podcast # 259: Chrome 88, State of CSS and JS, fonts for coding, Monument Valley, 2008 layout, story, punk

• Make up like in 2020, or Tricks on SVG: Masks, Transforms and Calc

• Top 10 Podcasts for Web Designers, Developers, and Digital Professionals

Web development

• Thinking like a front-end developer

• Web Almanac 2020: The Annual HTTP Archive Report on the State of the Web

• Debugging WebAssembly with modern tools

• How I accidentally created the Business API

• Overlaying transparency on video with cross-browser compatibility

• Tools
  
  • Roadmap for Webpack in 2021
  
  • A Beginner's Guide to NPM
  
  • Deep Dive into Rome: Linting, Compiling, and Build
  
  

• 
  
  • Google: Core Vitals
  
  • CSS
  
  • Lighthouse GitHub Actions
  
  • Web Vitals WebPageTest
  
  • Network Chrome Dev Tools
  
  

• 
  
  • — , 5
  
  • Alt vs Figcaption
  
  • , 1: ARIA, Focus Focus Management
  
  •
  
  

• Effects
  
  • Layouts with smooth horizontal scrolling
  
  • Implementation of glitch-effect text in CSS in 3 minutes
  
  

CSS

• CSS Scroll Snap

• Using custom CSS properties to adjust variable font weight in dark mode

• Collapsing margin rules

• Styling comment chains

• Why I love Tailwind

• What can you add to a CSS variable?

• Parallax effect with CSS Sticky

• Utility class for covering elements

JavaScript

• Differential Serving - making your code cleaner and more performant

• Moving a character on sprites with JavaScript: part 1 , part 2

• An introduction to the Geolocation API in JavaScript

• Thinking about 25 years of JavaScript

• Publish, submit and embed modern JavaScript for faster Applications

• How to Create a Snake Game in JavaScript

• CSS Paint API: Predictable Randomness

• Let's Create a Native Event Bus in JavaScript

• 9 JS CLI 2021(React, Svelte, Angular, Vue+)

• 
  
  • JavaScript – , , Let, Const, ES6+
  
  • JavaScript
  
  • JavaScript
  
  

• React
  
  • Effector React + TypeScript
  
  • React
  
  • JSX React 17
  
  • 5 , React Hooks
  
  • - React
  
  • CSS-in-JS 175
  
  • React 17 Webpack 5
  
  

• Vue
  
  • Vue 2 Vue 3
  
  • Tricky, Tricky— Vue 3
  
  • Vue 3
  
  • React Vue.js
  
  

• Angular
  
  • - Dialogflow Angular-
  
  • Angular Code Splitting
  
  • @ngneat/dag
  
  • Angular. Angular
  
  

• Ember
  
  • Ember Octane
  
  • Autotracking: Elegant DX Via Cutting-Edge CS
  
  

• Svelte
  
  • Svelte React
  
  • Svelte:
  
  

• Google, Intel, Zoom and others have formed an alliance to promote Chrome among enterprises

• Google finishes the long-suffering Internet Explorer

• Google makes it easier to sync passwords and billing data in Chrome across devices

• Chrome 88 moved to a new manifest incompatible with uBlock Origin

Entertaining

• WordPress 5.6 "Simone" released with a new Twenty Twenty-One theme and an improved editor

• Cloudflare released a free web analytics service with data privacy support

• Google introduced a rating of critical open source projects

• Gmail now allows you to edit attached documents directly in mail

• Adobe Flash Player received the last update before the end of support

• The new Internet protocol Apple and Cloudflare will hide information about the sites visited by the user from third parties

• Pixelation is no longer protect the information on the pictures - there was an algorithm capable of restoring the picture

• Artificial intelligence and consciousness: imitation game



← Digest last week

Material prepared dersmoll and alekskorovin