The digest of fresh materials from the world of the frontend for the last week №281 (September 18 - 24, 2017)

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

• Web Standards Podcast, Issue # 87 - Why Edge at all, new Safari, beta Chrome 62, who needs CoffeeScript 2, ideas for DevTools.
• Podcast "Frontend Weekend" # 20 - Pavel Lovtsevich on how networking at the conference helps to move abroad
• Five minute Angular podcast # 4: Meetups (Ekb, Msk), Angular 5 beta7, Angular CLI 1.4, Schematics, Forms
• Five Minute React podcast # 36: Ring UI from JetBrains . Interview with Eugene Danish, lead library developer
• Podcast "Frontend Youth (18+)" # 19: Meinim bitcoins on the site with the help of users
• Devschacht Podcast: Night Front End # 4 - FrontTalks 2017
• Devschacht podcast: Night Frontend # 5 - From the atomic bomb to the personal computer
• The "Drinkcast" podcast, Release # 9: "How many programmers are needed to clear the code"
• "ALL YOUR HTML" -: "Smooth transitions between pages with Barba.js (PJAX)"
• Microsoft Edge Web Summit 2017, 14 videos

Web development

• Why do you need BEM . Do you follow BEM, and how much is it needed outside of Yandex?
• How to create an input mask for mobile devices
• WordPress considers an agnostic approach to choosing a JS framework for Gutenberg blocks
• What meta tags to use on the web in 2017
• HTML5 Mega Cheat Sheet
• Sensors for the web! Intel developers at Google Blog share their thoughts on the features of the Generic Sensor API
• Automatic Ruba Goldberg . An introduction to postmodern web development. A note inspired by a visit to CSS-Day Amsterdam 2017
')

• News:
  • Facebook has announced the relicensing of React, Jest, Flow and Immutable.js
  • The W3C Consortium approved DRM for the Web as standard
  • CoffeeScript 2 release : support for modern syntax JS, async, modules, JSX, and more
  • Vue.js 3 and other top news after Q & A events with Vue developers
  

• Instruments:
  • Learn how to debug JavaScript using Chrome DevTools
  • Simple, fast and convenient tool for communication between the designer and the client / developer
  • Code generators useful for developing HTML email templates
  • How I halved the size of my webpack assembly
  

• Performance:
  • Performance metrics What to measure, what values ​​to pay attention to and how to increase download speed
  • “You have been told that server-side rendering of your JS framework will increase performance. But is it?"
  • The developer from NerdWallet details how they optimized the fonts on the site.
  • Hacker News Progressive Web Apps . Addy Osmani on the progress of work on the HNPWA project, the purpose of which is to demonstrate how PWA can be implemented on various JS frameworks
  

• Animation:
  • Weekly selection of beautiful effects on CSS / SVG / JS # 54
  • Organic SVG morphing ideas
  • Getting started with Web Animations Api
  
  

CSS

• Custom properties. Why do we need custom properties and how do they work?
• Explicit control over specificity in CSS?
• A historic look at FOUT and FOIT by Zach Leatherman
• How new font technologies (variability and parametricity) will improve the web in the future
• How Safari Works With Custom CSS Properties
• Writing CSS with thoughts about accessibility
• Print lint CSS to next level using Stylelint
• Intriguing Level Four CSS Selectors
• True Web: CSS is not real programming
• Website development for iPhone X. Almost official guide in webkit blog
• CSS event position: sticky . How the sticky-change event will help to connect styles with JS to create sticky elements in the most native way.

Javascript

• Angular vs. React vs. Vue: Comparison 2017
• How JS works: memory management, four types of memory leaks and how to deal with them
• Cheat Sheet over modern javascript
• JavaScript C ++: Modern ways of using C ++ in JavaScript projects

• ES2015 +:
  • ECMAScript 6. Regular expressions with Unicode support
  • Finally Promise.prototype.finally () is available.
  • Top 5 features in ES6 javascript to learn
  • Top 10 ES6 features in examples
  • Javascript decorators
  

• VueJS:
  • Why Evan Yu thinks Vue JS framework will be a good choice for WordPress
  • AMA session (question-answer) on hashnode.com, where the Vue.js team answered user questions
  • Upcoming TypeScript changes to Vue 2.5
  • How to create filters on Vue.js, with examples
  • How to create a basket on Vue 2 and Vuex
  • 6 random js puzzles and their solutions on VueJS
  • Advanced animation in Vue.js
  

• React:
  • How drawing in pure CSS helped me understand React components
  • Problems with Redux: Can React, MobX and Realm save us?
  • React Component Testing Guide
  • React License Upgrade - What does this mean for React developers?
  • Redux or not: the art of state management in React applications
  

• Angular:
  • Processing Route Parameters in Angular v2 +
  • Past, Present and Future of Angular CLI
  • Angular & redux
  • Angular 5 release delayed a bit
  

• Libs & Plugins:
  • vuetify - Component Framework with Material Design for Vue.js 2
  • ngraph.path - finding the path in the column
  • nanoevents - a simple library for working with events
  • bosket - a collection of components that display tree structures for React, Angular, VueJS, RiotJS frameworks
  • winamp2-js - the implementation of Windamp 2.9 on HTML5 and JS
  

Browsers

• Chrome will force HTTPS for .dev and .foo domains
• Future Audio / Video updates in Chrome 62
• Chrome 62 Beta: API for predicting network quality, variable OpenType fonts and media capture from DOM elements
• Technical details of Safari Technology Preview 40 : support for WebAssembly, CSS stroke, Resource / Perf / User timing 2, new experimental features
• You can mine cryptocurrency directly through user browsers. This is already done by Pirate Bay and hackers.
• Google has identified the most insecure web browser.
• Mining cryptocurrency through the browser. How much can you earn on this?

Entertaining

• Googlebot is still not scanning HTTP / 2
• Apple's capitalization declined by almost $ 50 billion in 10 days after the launch of the new iPhone
• Hackers hacked the most popular CCleaner cleaner and used it to spread malware
• How Apple tricked users about "differential security"
• Stack Overflow has released a new version of the payroll calculator
• GitHub announces beta release from GitHub Desktop
• Google will acquire part of the HTC mobile business for $ 1.1 billion
• The creator of the emoticon Scott Fulman: "This is the most" botansky thing in the world! "
• iOS 11 reached more than 6% of all Internet users in just two days
• Dan Abramov: What have I learned after working on Facebook for almost two years?
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 .