The digest of fresh materials from the world of the frontend for the last week №340 (November 19 - 25, 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

• Frontend Weekend podcast # 80 - Gordey Levchenko on moving to Kazakhstan and developing the frontend community in Astana
• Devshakhta Podcast: # 58: UFADEVCONF, Node.js status in 2018
• CSSSR podcast News 512 - Issue # 30 (19.11 - 25.11)
• Vadim Makeev's video blog 10. Skillbox, graphics optimization, Squoosh and the picture element

Web development

• On the way to QUIC: what is the basis of HTTP / 3
• Develop your browser from scratch. Part One: HTML
• Web workers vs Service workers vs Worklets
• Why and how to use WebP images today
• Explore Shadow DOM
• WebSockets - deeply immersed in concept
• Rewriting Git history and JS sources for fun and profit

• Performance:
  • You do not need PWA or AMP to make your sites fast
  • Five “why” about web font download performance
  • Second significant content: worst performance metric
  • Google Fonts fast with Cloudflare Workers
  

• Tools:
  • JetBrains updated IDE WebStorm to version 2018.3.
  • Demoboard: an online sandbox for creating demos on JS and Markdown, which imports any package from npm. No more bothering with package.json and node_modules
  • create-yo: use any Yeoman generator. Do not install.
  

• Accessibility:
  • European law on accessibility: negotiations between Parliament and the EU Council
  • Accessibility of multimedia: is it important?
  

CSS

• Cooking perfect CSS
• Flexbox. Technology Infographics
• Some CSS CSS Tips
• Progressive Improvement | CSS rule @supports
• Current status of scrollbar styling
• Separators inside <select>
• CSS Exclusions, we hope, will be similar to more advanced grid-friendly floats
• Another explanation of CSS Position Absolute principles
• CSS writing experiments
• And once again about the order of properties in CSS

Javascript

• Mutational analysis, or how to test tests
• 5 jQuery features that have been converted to native JavaScript
• 10 console commands to simplify debugging of JavaScript code
• The State of JavaScript 2018
• The “State of JS” poll is a farce
• Experimenting with brain interfaces Computer in JavaScript
• Introduction to Imba: JavaScript-compatible language for the fastest possible work with DOM
• Dart for JavaScript programmers
• Add pipeline operator (pipelines) in JavaScript
• 7 TypeScript non-excuses
• htm: Hyperscript Tagged Markup: JSX alternative using standard tag templates with compiler support

• Theory:
  • Understanding memoization in JavaScript to improve performance
  • Copying everyone in JavaScript: how to distinguish between shallow and deep copying
  

• React:
  • Idiomatic Redux: React-Redux implementation history
  • How to create a Todo List using React Hooks
  • 5 ways to style React components in 2019
  • Simple reuse of code with React Hooks
  • How to create a three-layer React application
  • End-to-end functionality in React using high order components, Render Props and hooks
  • React E-Commerce for Developers [w / Gatsby Tutorial]
  • React state (based on State of JavaScript Survey 2018)
  • JSX is syntactic sugar
  •React Podcast 29: Don't Rewrite Your App for Hooks and Suspense with Jared Palmer
  

• VueJS:
  • Vue for jQuery developers
  • How to create a SPA using Vue.js, Vuex, Vuetify and Firebase
  • Creating an interactive infographic with Vue.js
  • Typing Vuex without TypeScript
  • Interactive deck of cards with the ability to swipe on Vue.js and interact.js
  

• Angular:
  • Creation of interactive lists with the new Angular 7 Drag and Drop tool
  • Awesome Angular GraphQL - selection of resources
  • Error handling with Angular 6 - tips and best practices
  • The State of JavaScript Survey 2018 in the context of Angular
  • Creation of searchable patterns in Angular
  

• Libs & Plugins:
  • autoComplete.js - simple autocompletion on pure Javascript
  • Creating music from magenta.js
  • cms.js: client site generator
  

Spectacular web

• How to work with the matrix in SVG filters
• The effect of fire within #codevember
• The effect of morphing when changing US states
• Interactive orano.group page with a cool combination of effects and functionality
• Brutal websites

Browsers

• In Firefox 65, the content blocking settings interface will be redesigned
• A browser attack is introduced, allowing you to define a site in another tab
• Microsoft and Google are developing a version of the Chrome browser for Windows on ARM

Entertaining

• Black Friday's Human Price
• Google Machine Learning: What's New?
• An attack using the AMP for WP plug-in vulnerability is being launched on WordPress sites
• WWW: JPEG Archive - a set of utilities for optimal photo compression
• Mozilla introduced the LPCNet speech synthesis system
• “Bendgate 2”: The Apple iPad Pro is easily deformed - even a few days of typical use
• How to increase productivity - tips from 9 CEO

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 from last week.
Material prepared dersmoll and alekskorovin .