The digest of fresh materials from the world of the front-end for the last week No. 406 (March 9 - 15, 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

• CSSSR Podcast: News 512 - IT-laws, down with git flow, Firefox 74, rollup 2.0.0, Rust 1.42, development of Django
• Web Standards podcast No. 220. Colors, CSS history, assembly in Rome, a film about Vue, i18n, Google Fonts, game devs, mitaps
• Frontend Youth podcast (18+) No. 128: Coronovirus. How to survive
• ProConf # 53: VueConf 2019 Toronto - ProConf DANGER | Thousands of thousands | VueJS 3.0 | Shoulder React |
• "ALL YOUR HTML" # s3e17: OGL Instancing animation. Another session of creative live coding by Yuri Artyukh

Web development

• As Sports.ru wrote their WYSIWYG editor
• Visualization of the work of service workers
• Happy 31st birthday, World Wide Web!
• RedwoodJS: a new framework that extends JAMstack to a full stack and includes React, GraphQL, Prisma2 and many more out of the box
• What's new in DevTools (Chrome 82)
• Performance benefits of variable fonts
• Insert video with flexible width

• Availability
  • What is ARIA?
  • Web Accessibility Checklist: 16 things to improve the accessibility of your site
  • Available SVG: inclusiveness beyond templates
  

• Effects
  • Pure CSS Landscape - An Evening in Southwold
  • Effect of scaling a background image using CSS Clip-path
  

CSS

• Pure CSS: 4 methods for animating link colors
• CSS viewport units
• Flexbox and absolute positioning
• How to draw a line chart with CSS
• Considerations for choosing fonts for a multilingual site
• Adventures in CSS translucent lands
• Setting height and width on images again is important

Javascript

• Little-known but popular JS frameworks for the frontend
• It could be another JavaScript framework
• 10 excellent Github repositories that every web developer should know
• 7 useful tricks with rest parameters and spread operators on JavaScript objects
• Comparison of different ways to do HTTP Javascript queries in 2020
• JavaScript: the first 20 years
• How I created a 3D game in just 2 KB of JavaScript
• Signal interruption: how to cancel an asynchronous task in JavaScript

• 
  • JavaScript Clean Code —
  • «else»
  • ES6
  

• 
  • PWA: 300 JS-
  • , React, Express MongoDB
  • - JAMstack — 3,5-
  • GraphQL APIs  Node
  • Javascript Router
  

• React
  • JavaScript: React — MVC MVVM?
  • Redux React: (Redux Redux Toolkit)
  • React
  • Next.js 9.3
  • React Table v7 , / /
  • React
  • React
  • React TypeScript
  • 9 React
  • React React Testing Library Jest
  

• Vue
  • - React Vue,
  • Vue.js 3 Tutorial — Vue 3
  • Vue
  • Vuex: SPA State Management
  

• Angular
  • Angular
  • Angular 9:
  • Angular: ,
  

• Ember
  • Ember ember-cp-validations
  • Ember CRUD mirage
  • The Ember Times — Issue No. 139
  • EmberJS Chennai Meetup — Feb 29th 2020
  

• Svelte
  • Svelte — - 2020
  • Svelte
  

• Libs & Plugins
  • lukeed — (134B)
  • ls-lint —
  • COVID API — API COVID-19
  • sort-isostring — (110B) ISO 8601
  

• Firefox browser extension device (WebExtensions)
• Google Chrome will show website creators how people with visual impairments see their web pages
• Firefox 74 release
• Firefox 74, technical details for developers
• Firefox Preview 4.0 for Android is available
• 6 big reasons try the new Firefox Android preview

Entertaining

• Due to a dangerous bug, Avast disables the JavaScript engine in its antivirus
• Artificial intelligence in cybersecurity
• Web designer turns old books and brochures of the 19th century into interactive sites
• NVIDIA encouraged gamers to use their PCs to combat COVID-19
• How quantum computers can change the world

We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.

Last week's digest .
Material prepared dersmoll and alekskorovin .