The digest of fresh materials from the world of the frontend for the last week №341 (November 26 - December 2, 2018)

We offer you a selection with links to new materials from the front-end area and around it.

Media | Web Development | CSS | Javascript | Browsers | Entertaining

---

Media

• Podcast "Frontend Weekend" # 81 - Ekaterina Pavlenko on how the HolyJS program committee works from the inside

• Podcast "Web Standards", Issue # 149: Rolling Scopes, accessibility, shapes and fonts, progressive graphics, as without React, dangerous sources

• Devshakhta - podcast: 59: How to make a cool report

• Podcast "CSSSR", News 512 - Issue №31 (26.11 - 02.12)

• Vadim Makeev Video Blog: 11. Prototype Isolation Styles for Shower on Web Components

• WSD in Minsk, 2018 , broadcast recording

• performance.now (), 16 conference videos, where 16 world-class speakers covered the most important aspects of web productivity ( + notes for each report )

• Frontend NE: The conference 2018

Web development

• Useful accessibility rules that will remain in memory.

• Background Fetch API: Get ready to use it!

• How and when to use the tabindex attribute

')

• AMP / PWA:
  
  • Google has posted a detailed AMP Indexing FAQ
  
  • Goodbye, Electron. Hello Desktop PWA
  
  • “Progressive Web Apps. The future of the Mobile Web " : A free PDF book released with the support of Google, Microsoft and Awwwards
  
  • Extensive Guide to Progressive Web Applications
  
  • Progressive web applications vs Native applications
  
  • Turn your Vue app into PWA!
  
  

• Performance:
  
  • WebP will soon capture the web, but the century won't be long
  
  • Should I use javascript to download my web fonts?
  
  • We adapt to users using Client Hints
  
  • Hacking Web Performance . Report Max Firtman on Heapcon 2018, which covers extreme performance techniques
  
  • Avoiding the pitfalls of automatic code inlining (in the context of WP)
  
  

• Instruments:
  
  • What's new in DevTools (Chrome 72)
  
  • Console.rulit ()
  
  

CSS

• CraSSh: breaking all modern browsers with CSS calculations

• Introduction to Custom CSS Properties

• Correct CSS cheat sheet

• css-grid-layout-generator.pw - a tool with which you can quickly and visually conduct experiments with CSS-grids and get the output code

• Introduction to CSS Shapes

• A look at CSS Reset (style zeroing) in 2018

• Options for enabling and stopping CSS animations

• Just use: focus styles, damn it

• CSS Animation 101 - Donovan Hutchinson's popular course is now available as a free book.

• All about environment variables in CSS

• NES.css CSS framework inspired by NES

• The effects of creative visualization of images on hover on the links

• Getting started with variable fonts in CSS

• Creating a CSS gallery with a Grid layout (with a blur effect and interactive media expressions)

• Creating interfaces of the future: non-standard forms

Javascript

• Javascript error handling guide

• State Of JavaScript 2018: Front , Data Solves Everything . Ilya Klimov examines the results of a popular survey

• Microsoft released TypeScript 3.2

• Hiding the JavaScript code on the front end from outsiders

• How zadolbalo contrasted me fucking const to damn let

• Major sites contain unauthorized javascript on their billing pages.

• Compromised npm package: event-stream

• Infinite Scroll with Generators

• Little known javascript features

• Concepts of functional programming in Javascript

• NodeJS:
  
  • Most popular 2018 Node.js frameworks
  
  • Nodejs C ++ / JS Edge State: Crossing Rubicon
  
  • 10 node frameworks for use in 2019
  
  • Writing memory efficient applications on Node.js
  
  • ncc: Node.js CLI tool and API for compiling Node.js projects into a single JS file
  
  

• VueJS:
  
  • Bird's Eye View Vue Overview
  
  • My favorite packages for Vue.js & Nuxt.js on 2019
  
  • Accelerate your development on Vue.js with Vue CLI 3
  
  

• React:
  
  • React.js for continuing
  
  • useEffect vs useLayoutEffect vs useMutationEffect
  
  • React 16.x roadmap
  
  • Lazy loading (and preloading) of components in React 16.6
  
  • 8 Suggestions That Improve Your React App
  
  • Status of state management in React in 2019
  
  • React Podcast # 30: Develop in the Cloud with Christina Holland
  
  

• Angular:
  
  • The complete guide to Routing in Angular
  
  • My adventures with the launch of Angular Ivy inside StackBlitz: yes it is possible
  
  • Creating a simple CRUD application with Angular and Node
  
  

• Libs & Plugins:
  
  • Comparison of JavaScript libraries for HTTP requests for 2019
  
  • progress-estimator - displays the progress bar and estimates how long the promise will last
  
  • displaceable: a tiny library for handling productive displacement of elements relative to mouse position
  
  

Browsers

• Configuring Firefox / Chrome for very slow and limited Internet

• Chrome developers are thinking about ending FTP support.

• Opera 57 received smart news and recommendations from Netflix

• The built-in task manager will appear in Firefox 64

• Browser for Firefox Reality 1.1 VR devices released

• Web Audio, Autoplay Policy and Games

Entertaining

• Picture of the world . Internet of things. How to automate your odnushku today

• Why cryptocurrencies are falling - 5 reasons from The New York Times

• SEO 101: Facts, Tips, and Myths of Search Engine Optimization

• Data visualization in analyst work: chart types and which one to choose

• Why you should not give test items. And why not make them

• The OpenSSL project switches to the Apache license and changes the numbering scheme of releases.

• Instagram will describe photos for visually impaired users.

• Timeline: which projects have closed Google and why

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

← Digest last week

Material prepared by dersmoll and alekskorovin