The digest of fresh materials from the world of the frontend for the last week No. 310 (April 9 - 15, 2018)

We offer you a selection with links to new materials from the front-end area and around it.
By the way, the other day the digest is 6 years old. Thanks for still reading.

Media | Web Development | CSS | Javascript | Entertaining

---

Media

• Podcast “Web Standards”, Issue # 116: CSS and accessibility tree, development on TDD, everyone is unhappy with the W3C, why service workers, grids and new design.
• Podcast «Pro WEB IT» №2 - Audio performances of past days
• 5 minutes of React podcast # 21 - Bitbucket Pipelines
• Devschacht Podcast: Night Front End # 30: DUMP 2018
• Podcast "Frontend Youth (18+)" # 44 How to choose a washing machine
• "ALL YOUR HTML" # 44: "Waves and the effect of refraction on vertex-fragment shaders"
• 8 reports from CSSConf AU 2018 in Melbourne, Australia

Web development

• W3C and WHATWG standoff: Apple, Google, Microsoft, Mozilla object to DOM 4.1
• Generation of site pages by means of service workers
• Developer Guide for Front-End 2018
• The state of web animation: Part 1 , Part 2
• Scroll to the future: Everything you wanted to know about scrolling on the web, but were afraid to ask
')

• Performance:
  • How fast is AMP really?
  • Review of the conference "PerfMatters 2018 Web Performance Conference" with the designation of the main ideas and messages from there
  • Some tips to help your PWA on iOS feel native
  

• Instruments:
  • What's new in DevTools (Chrome 67)
  • What's new in DevTools in Chrome 66: Blackboxing in the Network panel, Local Overrides, and more
  • Meet Accessibility Inspector in Firefox Developer Tools
  

• Animation:
  • CSS / SVG Blobby Background
  • WebGL Distortion Hover Effects : a small library that can be used to create distorted homing effects on WebGL
  

CSS

• blending modes + grids = love
• How CSS Works: Parsing and Drawing CSS in a Critical Rendering Path
• Another collection of interesting facts about CSS Grid
• feature-queries-manager - an extension for DevTools that facilitates debugging supports Feature Query
• How I stopped using the Bootstrap layout thanks to CSS Grid
• Epic Spinners is a CSS preloader library. Easy to use and integrates with VueJS
• Ninja web development: more than 30 killer CSS puns

Javascript

• About the main reason for the existence of modern JS frameworks
• Javascript operating system? Jsos
• Fitbit's JerryScript: JavaScript breaks into the Internet of Things
• Top VSCode Extensions to Increase JavaScript Speed
• The first chapter of Jeremy Keith’s book “Going Offline”
• Simple svayp using vanilla javascript
• How I stopped worrying and learned to love the JavaScript ecosystem
• All about arrays in javascript in one article
• Documenting JavaScript Projects

• ES2015 +:
  • Overview of ECMAScript 2016, 2017, and 2018 with examples
  • Operators?. ?? and |>: future JavaScript features you'll like
  • Fun ES # 4: tasks in FP style . Implement map, reduce, filter
  • ES6 syntax overview and properties overview
  • How to avoid hell async / await
  • ES6 switch functions: thick and compressed syntax in JavaScript
  • ES6 in action: how to use proxies , symbols and their use
  • ES6 Generators and Iterators: Developer Guide
  

• VueJS:
  • VuePress - a static site generator on Vue
  • How we created a highly loaded interface with Vue.JS and Google Maps
  • How to make transitions in Vue.js
  • Creating VueTube: a Youtube clone using VueJS, Webpack and Flexbox
  • vuejs-boilerplate - procurement based on Vue.js for creating real-world applications (access / refresh tokens auth, api services, http client, store modules)
  • Is my spa SEO friendly?
  

• React:
  • React-testing-library library overview
  • Why React needs another library for animation. Meet react-spring
  • Learn React.js in 5 minutes
  • Immunity in React: with mutable objects everything is fine
  

• Angular:
  • Animation in Angular Applications
  • What's new in Angular 6?
  • Jesse Palmer - Fundamentals of Angular Component Testing
  

Entertaining

• SEO article optimization: actual plan
• Spell checker: which words write with errors on Habrahabr, Cossa, Rusbase, AIN, DOU, Roem and vc.ru
• Opera VPN service will stop working from April 30
• WebAuthn authentication standard released: biometric data instead of passwords
• How a team leader develops himself and the team: SOLID principles
• Updated Gmail will receive a “privacy mode” with self-destructing and password-protected emails that cannot be copied, printed or forwarded to another
• Math vs. Scrap, or Bitcoin as a quantum canary
• Satellite Internet: the final decision. How Elon Musk Hopes to Strange the Earth
• GitHub has a birthday. 10 facts about the favorite site of all developers
• I uploaded everything Facebook knows about me. And it hurt

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 .