The digest of fresh materials from the world of the frontend for the last week №268 (June 19 - 25, 2017)

We offer you a selection with links to new materials from the front-end area and around it.

Web development

CSS

Javascript

Browsers

Entertaining

Web development

• Podcast Web Standards, Release №73 : Firefox multiprocess, new grids in Edge, why flex, JS-modules in HTML, Webpack 3 and CSS-fragments.
• Frontend Weekend podcast : FW # 8 - Why you need to learn JavaScript and move abroad
• Connect: Modern Frontend Tips
• HTTP / 2 Server Push is not as simple as I thought.
• Choosing a frontend framework in 2017
• An interesting technique of implementing the icon system on SVG
• HTML imports are the best web component.
• Bojler is a template for creating mailing lists that will be displayed correctly in the most popular email clients.
• Addy Osmani: A hacker's guide for instantly loading anything into a browser (report from JSConf EU 2017)
• Instruments:
  
  
  • Understanding the lock files in NPM 5
  • webpack 3: official release
  • Webpack and Preact-CLI Vulnerability
  • Hacker-box - automation of work with the front-end due to JSON manipulations
  
  
• Performance:
  ')
  
  • Accelerated Mobile Pages (AMP): what are you willing to sacrifice for speed?
  • AMP: thoughts on a project with two billion pages
  • Illusion of speed
  
  
• Animation:
  
  
  • Overview of animation with codepen for site download pages
  • Fluent Design: Calendar
  • Yuri Artyukh again makes up live: # 4 ALL YOUR HTML, various landing animations using GSAP

CSS

• Entertaining layout with viewing area units
• CSS: introduction to the unit of length 'fr'
• Who needs flex - HTML Shorts
• Introducing CSS3 Animation: A Beginner's Guide
• New grids already in Edge Insider Preview
• Spectral - the first Google font with parametric technology that allows you to work with responsive characters
• Oh no! Our style sheets just grow and grow! (Problems of styles that are just added)
• Use CSS variables correctly.
• What does a well-documented CSS code base look like?
• How to apply CSS3 Transforms to Background Images
• CSS aspect ratio is a hack
• CSS vs. JavaScript: trust vs. control
• How I created a pure CSS crossword
• Powerful CSS Grid Inspector Improvement in Firefox Nightly
• CSS frameworks for use with Angular 2+
• Less-Grid-Boilerplate - lightweight twelve -column grid with CSS Grid and LESS
• Visual Component Library “VCL“ . Modular, extensible CSS

Javascript

• ArrayBuffer and SharedArrayBuffer in JavaScript, Part 1: Short Memory Management Course
• Let's learn closures in javascript
• sonar - lint tool, newest JS Foundation project
• Why always use Linter
• JavaScript Optimization Templates (Part 1)
• Functional programming in Javascript is an antipattern
• Beginner's Guide to Testing Functional JavaScript
• Building Progressive Web Applications with Ember
• Pitfalls Service Worker
• How to create interactive JavaScript graphs and charts from given data sets
• Lodash is not (only) for list manipulations!
• Machine Learning with JavaScript: Part 2
• JavaScript for microcontrollers and IoT: part 1
• ES2015 +:
  
  
  • New # private class fields in javascript
  • async / await from ES2017 - the best thing that happened in javascript
  • ES6 Katas - Learn ES6 while practicing. Repair falling tests. Keep studying.
  • Let's explore the ES6 Generators
  • p-iteration - utilities that make array iterations simpler with async / await or promises
  • Excel-like table in 25 rows ES6
  
  
• Angular:
  
  
  • Dynamic Component Rendering in Angular 2
  • From beginner to hero Angular
  • Angular status and term of the 5th version
  • ng-annotate is outdated: what does this mean for your projects
  
  
• React:
  
  
  • flight - ultra-simple animation compositions for React
  • React Express - the complete guide to the modern development of React applications.
  • Creating a mini-Netflix on React in 10 minutes
  • fbox - Flexbox component for Reactjs
  • Vataxia - Open source social network written in React and Redux
  • Do you teach React? Start small.
  • The first Reason React application for Javascript developers
  • Equipment for the decomposition of components React
  
  
• Vue:
  
  
  • Why is VueJS implemented so slowly? (not really)
  • Four ways to speed up the application Vue.js c Webpack
  • Vue vs React: a battle of javascript frameworks
  • Migrating from KnockoutJS to VueJS
  • Getting started with Vue Router
  • Vue.js: a three-minute interactive introduction
  • Why choose Vue.js
  • 5 excellent reports from VueConf 2017, the first conference on Vue.js
  • Using Vue, Vuex, Immutable to program Tetris
  
  
• Libs & Plugins:
  
  
  • Pasition - a small library for smooth morphing Path
  • gpotter-gradient - The library produces an rgb color from a linear gradient in a certain area from 0 to 100 in increments of 1. Supports #rrggbb, #rgb and color names at the input of the notation.
  • graphql-js - GraphQL implementation for JavaScript
  • lazy-arr - Lazy arrays in javascript

Browsers

• For Android, a Firefox Focus web browser based on the Webkit engine has been created.
• Launch of Opera 46 web browser
• DevTools developer tips: how to take a full-page screenshot without browser extensions

Entertaining

• Yahoo! everything
• In Russia, an acute shortage of video cards . The reason - the growing popularity of "mining" cryptocurrency
• Digital reality: how global search engine competition makes offline smarter
• The UN, Microsoft and other companies are working on a blockchain-based digital identification system for documentless persons.
• Gold Rush: Our Days
• Kirk, video card, bitcoin mine. How to stop being afraid and start to get cryptocurrency
• Opinion: When the bubble bursts or why I was wrong about etherium
• "They repeat behind us": Microsoft hinted about copying from Apple
• Facebook teaches AI how to talk to people and cheat
• Google launches machine learning based job search
• Google will stop scanning user mailboxes by the end of 2017
• Tesla plans to create a rival Apple Music

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