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