Digest of fresh materials from the world of the frontend for the last week # 444 (December 1 - 6, 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

Media

• "News 512" from CSSSR: WebStorm 2020.3, minmax (), Math.random () in JS, fwdays 2020, Advent of Code, Octoverse and State of CSS , plus text version

• Podcast "Make Me Beautiful" # 51 - You hacked, but at least not a hamster

• FrontoWeek podcast # 136: Highlights of the front-end of the week.

• Podcast Frontend Yunost (18+) # 165: A Site to Shit

• "proConf" Podcast # 80: TSConf 2020

• The Undefined Podcast # 29: Vue vs. Svelte with Evan You and Rich Harris

Web development

• Monolith vs. Micro-frontends

• How to create HTML forms correctly: security

• How Lyft is migrating over 100 microservices frontend to Next.js

• Building sites with prefers-reduced-data

• From Jekyll to 11ty

• PWA and AMP: taking the best of both worlds

• PWAdvent Is the perfect advent calendar for anyone with a passion for the web platform.

• 
  
  • WebStorm 2020.3: , Tailwind CSS
  
  • WMR: -. , Preact, . TSX, HMR, CSS Modules, npm ,
  
  • Snowpack v3.0. Streaming NPM Imports, , , JavaScript API
  
  • Puppeteer vs Selenium vs Playwright —
  
  

• 
  
  • Layout Shift netlify.com
  
  •
  
  • Google Fonts
  
  • «» -
  
  • BBC World Service 31 react 83%
  
  

• 
  
  • -
  
  • A11y Advent Calendar
  
  

• 
  
  • SVG  border-image
  
  •
  
  • - Svelte
  
  

CSS

• DRY CSS: How to use each ad only once

• Details on using the minmax () CSS function in Grid layouts

• State Of CSS survey results 2020

• Missing browser development tools for Tailwind CSS

• How to make sticky elements and fullscreen boxes worked well together

• Calendar with three lines of CSS

• How to create a chart using CSS

• How to add text to the border using basic HTML elements

• Native aspect ratios in CSS using aspect-ratio

JavaScript

• TypeScrip: Oh, That Fun Type System

• JavaScript Turns 25: A Brief History of the Language and 50% Off on WebStorm

• The 2020 State of JavaScript Survey kicks off

• This is what people in the tech industry said about JavaScript when it debuted in 1995.

• Tired of silly jokes? Write Your Own Arbitrary Precision Arithmetic JS Library

• Apple Music JavaScript Integration Guide

• js25.org: JS history site dedicated to its 25th anniversary

• 
  
  • 5 JavaScript
  
  • Math.random() JavaScript
  
  • JavaScript
  
  • Incremental vs Virtual DOM
  
  

• React
  
  • SEO- React Single Page Application
  
  • useCallback
  
  • React
  
  • React
  
  • React Hooks : 2
  
  • useState useEffect ReactJS Hooks
  
  • ReactJS Ably
  
  

• Vue
  
  • Ionic & Vue.js — ( )
  
  • Nuxt.js Single Page Application Boilerplate
  
  • Vue.js 1
  
  

• Angular
  
  • ngTemplateOutlet:
  
  • Jest Angular
  
  • Angular 10 Transclusion:
  
  • Ionic/Angular -
  
  

• Ember
  
  • The Ember Times — Issue No. 169
  
  • Ember.js 2020 Tech Talk | coloradoSprings.js Meetup
  
  • -- Ember — Aad Versteden
  
  

• Libs & Plugins
  
  • List.js — , , HTML.
  
  • EasyGrid — VanillaJS
  
  • React-Tensorflow — React , Typescript Tensorflow
  
  

• Browsing offline as if it's 1995

• Internet Explorer no longer supports Microsoft Teams

• Beaker 1.0 is introduced with a P2P platform for decentralized sites

• Chrome 88: digital goods, augmented reality lighting assessment and more



Last week's digest ...

Material prepared dersmoll and alekskorovin .