Digest of fresh materials from the frontend world for the last week # 436 (October 5 - 11, 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

• CSSSR Podcast: CSS Grid in Chrome DevTools 87, Microservices, TypeScript Tricks, Spamtoberfest, VS Code Era

• Web Standards Podcast # 250. Edge in VS Code, Grid Inspector, Gaps and Flexes, Mathematics in CSS, Hacktoberfest, Open Source

• Frontend Yunost podcast # 159: SOLID vs SOLOD

Web development

• Creating a favicon for the 2020 site

• Using a Content Security Policy (CSP) to protect web applications

• Extending the responsibility of front-end developers

• The web was not built for privacy, but it could

• Your single page application is now a polyfill

• API
  
  • — Event Conversion Measurement API.
  
  • Web Share API
  
  • The File System Access API:
  
  

• 
  
  • Webpack 5
  
  • DevTools (Chrome 86)
  
  • RSLint — JS-, Rust, , .
  
  • npmx — CLI npm
  
  

• 
  
  •
  
  • HTML5 Lazy Loading CSS JavaScript
  
  • Cumulative Layout Shift
  
  • Cumulative Layout Shift
  
  

• 
  
  • :
  
  

• 
  
  • WebGL Curtains.js
  
  • Webgl SLider
  
  

CSS

• CSS Variables 101: A Comprehensive Guide to CSS Variables with Examples

• Animating Counters with CSS

• : focus-visible is here

• An elegant CSS Grid solution for layouts with centered content broken by a full width box

• HTML / CSS Form Guide (without hacks)

• Nice examples of 3D transformations in CSS

• Create a responsive media browser with CSS

• Balance the axis with Flexbox

• Weird but working Flex: interactive charts with Flexbox

• clamp () for responsive design

JavaScript

• Best practices for error handling in modern JavaScript

• Javascript framework for developing business applications

• Handling range requests in a service worker

• How to work with a multi- select element in vanilla JS

• How to make an unobtrusive scroll-up button

• What's in the future for JavaScript?

• What I admire about TypeScript 4.0

• 
  
  • - JavaScript
  
  • - JavaScript:
  
  • JavaScript
  
  • Event Loop Call Stack JavaScript
  
  • JavaScript —
  
  

• React
  
  • MobX, Redux,
  
  • useEffect
  
  • - React (PWA)
  
  • React Hooks:
  
  • JavaScript-less Static SSR Styled Components
  
  • Render React ?
  
  • Figma React
  
  

• Vue
  
  • - Vue.js
  
  • To-Do: Composition API Vuex
  
  

• Angular
  
  • Angular Component Libraries Accessibility
  
  • Inputs & Outputs: Angular
  
  • : Angular
  
  • angular/router: RouterScroller ?
  
  

• Ember
  
  • The Ember Times — Issue No. 165
  
  • in-element Ember.js
  
  • Ember Octane Glimmer Components
  
  • React Ember:
  
  • React Component Ember.js
  
  

• Libs & Plugins
  
  • ZzFXM - Tiny JavaScipt music generator
  
  • meta-fetcher: tiny meta-data parser for a given URL
  
  • spotify-api - a quick wrapper for interacting with spotify api
  
  

Browsers

• Chrome started activation of IETF QUIC and HTTP / 3

• Chrome 86 release

• Google Chrome remains the most popular browser in China

• Microsoft revealed why browsers in Windows 10 create so many processes

• Microsoft announced new features for Microsoft Edge

• Web browser history



← Digest last week

Material prepared dersmoll and alekskorovin