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

• Frontend Weekend podcast # 64 - Oleg Mokhov on how to manage developers comfortably and correctly
• Web Standards podcast, Release № 132: Podcasting, browser innovations, vulnerability in React and not only, wrong pipeline, subgroups are ready, intricate manual web-components
• CSSSR Podcast News 512 - Issue # 17 (July 30 - August 5 )
• Devshakht Podcast: Night Frontend # 44 —How to get all developers in the company onto your bike

Web development

• Bullshit Web trend
• Web is still a DARPA weapon
• Frontend News # 2: crash course on clipboard api
• Regarding deprecated status for xlink: href in SVG
• Attacking us! 23+ best practices on security Node.js

• Performance:
  • Cost of JavaScript 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 speed up image-loaded sites
  

• PWA:
  • PWA is easy
  • Creating a progressive web application (PWA): without React, Angular and Vue
  • What is PWA and why should you care?
  

• Accessibility:
  • Supporting cards with a description of the principles of accessibility of components that are often found on the web
  • Sara Soueidan on design and creation of accessible switches
  

• Animation:
  • Pure CSS Moustached Nanny
  • little-big-city - three-dimensional spherical street visualization with ClayGL
  • Fit HTML5 video into background color using canvas
  
  

CSS

• Techniques and tools for developing web page styles
• How we made the web interface for Google Photos: look under the hood
• Double click on pure CSS
• CSS Grid - a beginner’s guide
• Flexbox - an animated guide
• StyleURL is an online tool that allows export and share CSS changes directly from Chrome DevTools
• Focus on mobile viewport units
• 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: playing 0 lines of JS and CSS
• JS code, Roman numerals, geometric puzzles: how we encrypt our age
• Reactivity in JavaScript: a simple and clear example
• Introduction to the MutationObserver API from JavaScript
• ES6 JavaScript: 5 new abstractions to improve your code
• I created the same application on React and on Vue. And what are the differences
• The most popular JavaScript repositories on GitHub for July 2018
• Close the gap between low-level and high-level JavaScript libraries for graphing
• Representation of Fusion.js: Universal web framework based on plug-ins (from Uber)
• A line of Javascript code that slowed FT.com ten times

• VueJS:
  • Mastering Vuex - from zero to hero
  • Creating an interactive password validator
  • Unit testing Vue-Router
  • In-depth guide to VuePress: documentation and blog on Vue
  • 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 applications on React using React-intl library
  

• Angular:
  • New features of Angular 6.1
  • What's new in WebStorm for Angular
  • Directive attributes and forms in Angular
  • Pseudo-events Angular
  

• 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 is a JS library for rendering audio in 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 all. Now it's official
• Firefox easily bypasses protection in the new Gmail interface.
• Against defeatist sentiment 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 asked users to leave feedback
• Google has released the official version of VR Chrome for the Daydream platform
• Microsoft Edge has got advanced support for Web Authentication technology
• Microsoft Edge browser bug 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 a car from a person
• Junior, middle and senior developers: what's the difference - experts answer
• GitHub integrates Google's Cloud Build launch tool
• UI backward compatibility
• 2018 programming language rating from IEEE Spectrum edition
• Yandex launched free service for creating surveys and collecting questionnaires
• From chat bots to conversational AI: developing smart assistants for business
• Mobile Internet of Things expects explosive growth

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 .