Digest of fresh materials from the frontend world for the last week # 457 (March 1 - 7, 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: "History of the frontend" by CSSSR, Chrome 89, Flutter 2, import maps, free-for.dev, Ivy data structures

• "News 512" from CSSSR: Not a single bundle, CSS-in-JS in DevTools, Rollup tutorial, shadows, :: before and :: after pseudo-elements

• Make Me Pretty podcast # 56 - Don't worry, go to Notepad

• Frontend Youth podcast # 175: Rockstar's open attitude on Netflix

• Archakov Blog: Interview for a Middle Frontend Developer Position

Web development

• Front-end history: A browser that did it all

• The state of mobile devices and why mobile web testing matters

• How to develop and test a Mobile-First design in 2021

• A beginner's guide to headless CMS and Jamstack

• 7 useful HTML attributes about which you may not know

• Dynamic meta tags for bots and crawlers with Firebase and Cloudflare Workers

• 
  
  • Snowpack v3
  
  • Unicode Range Interchange — unicode-
  
  • Google Fonts + Material Icons. Google Fonts Material Design
  
  

• 
  
  • -
  
  • Core Web Vitals: Google
  
  •
  
  • Cloudflare Worker
  
  

• 
  
  •
  
  •
  
  

• 
  
  • Details 
  
  • c SVG
  
  • GSAP 3 -
  
  

CSS

• CSS COLORS

• Three ways to create blots with CSS and SVG

• "Gray dead zone" gradients

• An ultra-flexible CSS carousel enhanced with JavaScript navigation

• New CSS features in 2021

• The importance of learning CSS

• The future of CSS: Scroll-Linked animation and @ scroll-timeline (part 2)

• Stop using fonts with icons

• How to detect mouse position in CSS

• Learn @property and its animation capabilities

• Pure CSS Animated Semantic Accordion

• Responsive Images: Different Techniques and Tactics

• Illustrated CSS Grid Cheat Sheet in 2021

JavaScript

• 5 common JavaScript memory errors

• How an anti-TypeScript "JavaScript developer" like me became a TypeScript fan

• The dark side of Javascript: three functions you never want to use

• Control JavaScript import behavior with import maps

• Gyro -web: access device orientation in JavaScript

• 
  
  • Google Flutter 2 Dart 2.12
  
  • Electron 12.0.0
  
  • Gatsby 3.0
  
  • jQuery 3.6.0
  
  

• React
  
  • HowToCode — React TypeScript
  
  • : React
  
  • Aleph.js: React Deno
  
  • 7 React
  
  • - React
  
  • React
  
  

• Vue
  
  • Vue CLI
  
  • 8 Puzzle Vue.js Evanescence
  
  

• Angular
  
  • Angular
  
  • Angular:
  
  • Angular View Encapsulation
  
  • Angular
  
  • Angular
  
  • Angular Universal: Angular Universal:
  
  • View State Selector Angular design pattern
  
  • Ivy
  
  

• Ember
  
  • The Ember Times — Issue No. 174
  
  • Ember.js 2021
  
  

• Svelte
  
  • : Svelte WebStorm
  
  • Svelte prefers-reduced-motion
  
  

• Chrome 89 release

• Google simplifies testing of new Chrome features with a new Experiments section

• Google shortens the preparation cycle for new Chrome releases from six to four weeks

• Microsoft released Edge 89 - browser launches up to 41% faster and now supports vertical tabs

• Brave browser developers will launch their high-privacy search engine soon

• WordPress is considering dropping support for IE 11

• Drupal core is dropping support for Internet Explorer 11 in Drupal 10



Digest last week .

Material prepared dersmoll and alekskorovin .