Digest of fresh materials from the frontend world for the last week # 461 (March 29 - April 4, 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     |    Entertaining

Media

• News 512 from CSSSR: Next.js 10.1, Socket.io 4, April security releases of Node.js, Deno Company announcement, Sublime Text 4

• News 512 from CSSSR: SvelteKit beta, Bootstrap 5 beta-3, localization MDN RU, prototype Container Query, attack on PHP

• Podcast "Make me beautiful" # 59 - How is a programmer different from a traffic light?

• Podcast "Frontend Yunost" # 180: Confetti-tokens on self-written React

• Podcast "Web Standards" 275. Firefox 87, Container Queries, Compat 2021, SvelteKit, emoji, longread and the road to accessibility

• Hard coding skills: interviews with Lyudmila Mzhachikh from PayDay, Mail.ru Group

• Podcast "Yes, somehow?" Pilot release

Web development

• 7 useful HTML attributes that you may not know about

• You can create these elements without using JavaScript

• How I analyzed all licenses in NPM dependencies

• Using Python for the frontend

• Platform news: rounded outlines, GPU-Accelerated animations in SVG, how CSS variables are defined

• Tools
  
  • FrontEnd development in Docker
  
  • SVG generators
  
  • Automation in VSCode for front-end developers
  
  

• 
  
  • WEB Vitals
  
  • Web Vitals
  
  •
  
  

• 
  
  • HTML Inputs Labels:
  
  • : vs
  
  

• 
  
  • «UI Interactions & Animations Roundup #15»
  
  • «Inspirational Websites Roundup #24»
  
  

CSS

• Cool tricks with CSS variables

• Font size is useless, let's fix it

• CSS Container Queries, or Adapting in a new way: container instead of viewport

• Container Queries are on the way

• Responsive web design for the next generation of folding devices

• Dark mode in 5 minutes , with inverted luminance variables

• Meet Utopia: Design and Develop with Resize and Scalable Padding

• Blob Portraits: Have Fun with the CSS path () function

• Imperfect development: CSS styles with the future

• Let's create the effect pop-up images using the Clip the Path the SVG

• Creating magic 3D-buttons

• Tip: stylized pseudo using Javascript, using custom CSS properties

• for CSS Audit Tools

• Reseter.css - modern CSS Reset / Normalizer

JavaScript

• JavaScript ecosystem: trends in 2021. Is everything so simple?

• JavaScript: Call stack and the magic of its size

• Smart apartment in JavaScript. From LED to intercom camera face recognition

• Best JavaScript Framework 2021: React or Vue?

• Using GPUs to Improve JavaScript Performance

• [V8 Deep Dives] Random Thoughts on Math.random ()

• React
  
  • React: , , ,
  
  • Hyperapp – ' React'?
  
  • Jotai: React
  
  • React Hook
  
  • Font Awesome 5 React
  
  • React 2021
  
  

• Vue
  
  • Nuxt.js
  
  • Vue
  
  • 5 VueJS
  
  

• Angular
  
  • Angular
  
  • Angular.  
  
  • Angular docs. : .
  
  • Angular
  
  • Nx — Angular
  
  • NGRX
  
  

• Svelte
  
  • Typescript Svelte — ,
  
  

• Libs & Plugins
  
  • JParticles — Canvas .
  
  • Cheetah Grid —
  
  

• "Yandex.Browser" learned to translate text in pictures

• Opera browser received native support for the Apple M1 ARM processor

Entertaining

• A fake version of the jQuery Migrate plugin infected many sites

• Attackers used GitHub for cryptomining, but the service still has not fixed the vulnerability

• Experiment: how search queries and views on YouTube affect the Google news feed

• Office remained in first place: Amazon and Google will not be completely removed, and employees will gradually return to campuses

• A selection of April Fools' jokes in 2021

• What they write on April 1 in the IT press. Best Jokes

• Google vs Baidu: Key Differences in



Last Week's SEO Digest Strategy .

Material prepared dersmoll and alekskorovin .