The digest of fresh materials from the world of the frontend for the last week No. 325 (July 30 - August 5, 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" # 64 - Oleg Mokhov on how to manage developers comfortably and correctly
• Podcast "Web Standards", Release №132: Podcasting, new browser, vulnerability in React and not only, the wrong pipeline, subgrid ready, complex manual grid, web components
• Podcast "CSSSR" News 512 - Issue №17 (30.07 - 05.08)
• Devshakht Podcast: Night Frontend # 44 — How to transplant all developers in the company onto your bike

Web development

• Bullshit Web Trend
• The web is still a DARPA weapon
• Frontend News # 2: crash course on clipboard api
• Regarding the status of deprecated for xlink: href in SVG
• We are attacked! 23+ best practices on security Node.js
')

• Performance:
  • Javascript cost in 2018
  • Dynamic resource loading using the Network Information API and service workers
  • How to speed up the loading of your site using WebP images
  • Five steps to accelerate the loaded sites
  

• PWA:
  • PWA is just
  • Creating Progressive Web Applications (PWA): Without React, Angular, and Vue
  • What is PWA and why should you care?
  

• Accessibility:
  • Auxiliary cards describing the principles of accessibility of components that are often found on the web
  • Sara Soueidan on design and making available switches
  

• Animation:
  • Pure CSS Moustached Nanny
  • little-big-city - 3D spherical street visualization with ClayGL
  • Fit HTML5 video to background color using canvas
  
  

CSS

• Methods and tools for developing styles of web pages
• How we made the web interface for Google Photos: looking under the hood
• Double click on pure CSS
• CSS Grid Beginner's Guide
• Flexbox - animated tutorial
• StyleURL is an online tool that allows you to export and share CSS changes directly from Chrome DevTools
• Viewport focus on mobile
• Chen Hui Jing on CSS exclusions in response to a recent Ben Frain article on the same topic.
• Controlled scrolling with CSS Scroll Snap
• A practical guide to CSS variables (custom properties)

Javascript

• Friday JS: a game of 0 lines JS and CSS
• JS code, Roman numerals, geometric puzzles: how do we encrypt our age
• Reactivity in JavaScript: a simple and clear example
• Introduction to the MutationObserver API from JavaScript
• Javascript es6: 5 new abstractions to improve your code
• I created the same application on React and on Vue. And what are the differences
• Most Popular JavaScript Repositories on GitHub for July 2018
• Close the gap between low-level and high-level JavaScript libraries for graphing
• Fusion.js presentation: Universal web framework based on plug-ins (from Uber)
• Javascript line of code that slowed FT.com ten times

• VueJS:
  • Mastering Vuex - from Zero to Hero
  • Creating an interactive password validator
  • Unit Testing Vue-Router
  • VuePress In-Depth Guide: Vue Documentation and Blog
  • 5 tools to speed development on Vue.js
  

• React:
  • [Translation] 4 ways to style React components
  • Plan for becoming a React Developer
  • Implementing a GraphQL Search
  • You may not need MobX or Redux.
  • Popular linter errors for ES6 / React
  • React + TypeScript = love
  • Internationalized React applications using React-intl library
  

• Angular:
  • New features Angular 6.1
  • What's new in WebStorm for Angular
  • Attribute Directives and Forms in Angular
  • Angular Pseudo Events
  

• Libs & Plugins:
  • await-of - await wrapper to simplify error handling without try-catch
  • between.js is a lightweight JavaScript (ES6) engine for animation storyboarding.
  • Circular Audio Wave - JS library for visualizing audio in a circular form
  • apexcharts.js - library for creating interactive JS diagrams and visualizations with a simple API
  • 7 JS libraries for reading thoughts with electroencephalography in 2018
  

Browsers

• Amigo everything. Now it's official
• Firefox easily bypasses protection in the new Gmail interface
• Against defeatist sentiments in privacy. Why browsers can still stop fingerprinting
• Technical details of the release of Firefox 61 in the blog of Marat Tanalin
• Mozilla decided to change the Firefox logo and asks users to leave their feedback.
• Google has released the official version of VR Chrome for the Daydream platform
• Microsoft Edge has gained advanced support for Web Authentication technology
• A bug in the Microsoft Edge browser allows you to steal local files

Entertaining

• Career solutions on the example of computer games of the early 2000s
• AI, introduce yourself! Why and how to distinguish the car from the person
• Junior, middle and senior developers: what's the difference - experts answer
• GitHub integrates Google's Cloud Build tool
• UI backward compatibility
• 2018 programming language rating from IEEE Spectrum edition
• “Yandex” launched a free service for creating surveys and collecting profiles
• From chat bots to conversational AI: developing smart assistants for business
• Mobile Internet of Things Expects Explosive Growth
Go

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 .