The digest of fresh materials from the world of the front-end for the last week No. 268 (June 19 - 25, 2017)

We bring to your attention a selection with links to new materials from the frontend area and around it.

Web development

CSS

Javascript

Browsers

Entertaining

Web development

• Podcast Web Standards, Issue No. 73 : Firefox multiprocess, new grids in Edge, why flexes, JS modules in HTML, Webpack 3 and CSS fragments.
• Frontend Weekend Podcast : FW # 8 - Why You Need to Learn JavaScript and Move Abroad
• Connect: tips for a modern frontend
• HTTP / 2 Server Push is not as simple as I thought
• Choosing a frontend framework in 2017
• An interesting technique for implementing an icon system on SVG
• HTML imports is the best web component
• Bojler - blank for creating mailing letters that will be displayed correctly in the most popular email clients.
• Addy Osmani: A Guide for Hackers to Instantly Download Anything to the Browser (report from JSConf EU 2017)
• Instruments:
  
  
  • Understanding lock files in NPM 5
  • webpack 3: official release
  • Webpack and Preact-CLI Vulnerability
  • Hacker-box - frontend automation through JSON manipulation
  
  
• Performance:
  
  
  • Accelerated Mobile Pages (AMP): what are you willing to sacrifice for speed?
  • AMP: thoughts on a two billion page project
  • The illusion of speed
  
  
• Animation:
  
  
  • Overview of animation with codepen for site download pages
  • Fluent Design: Calendar
  • Yuri Artyukh is again making up live: # 4 ALL YOUR HTML, various animations of the landing using GSAP

CSS

• Entertaining layout with viewport units
• CSS: introduction to the unit of length 'fr'
• Who needs flexes - HTML Shorts
• Introducing CSS3 Animation: A Beginner's Guide
• New grids already in Edge Insider Preview
• Spectral is Google’s first font with parametric technology to work with responsive characters
• Oh no! Our style sheets just grow and grow! (Style issues that are just being added)
• Use CSS variables correctly
• What does a well-documented CSS codebase look like?
• How to apply CSS3 Transforms to Background Images
• CSS aspect ratio is a hack
• CSS vs. JavaScript: trust vs. the control
• How I created a crossword puzzle in pure CSS
• 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: A Short Course on Memory Management
• Let's learn closures in JavaScript
• sonar - linting tool, latest JS Foundation project
• Why you should always use Linter
• JavaScript optimization templates (part 1)
• Functional programming in Javascript is an antipattern
• Beginner's Guide to Testing Functional JavaScript
• Build Progressive Web Applications with Ember
• Pitfalls Service Worker
• How to create interactive JavaScript graphs and charts from preset datasets
• Lodash is not (only) for list manipulation!
• JavaScript Machine Learning: 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 by practicing. Repair falling tests. Keep learning.
  • Let's learn ES6 Generators
  • p-iteration - utilities that make iterating through an array easier with async / await or promises
  • 25-line Excel-like table ES6
  
  
• Angular:
  
  
  • Dynamic component rendering in Angular 2
  • From beginner to hero of Angular
  • Angular state and 5th term
  • ng-annotate is deprecated: what does this mean for your projects
  
  
• React:
  
  
  • flight — ультра-простые анимационные композиции для React
  • React Express — полное руководство по современной разработке React приложений
  • Создание мини-Netflix на React за 10 минут
  • fbox — Flexbox компонент для Reactjs
  • Vataxia — Open source социальная сеть, написанная на React и Redux
  • Учишь React? Начни с малого.
  • Первое приложение Reason React для Javascript разработчиков
  • Техники для декомпозиции компонентов React
  
  
• Vue:
  
  
  • Почему VueJS внедряется так медленно? (на самом деле нет)
  • Четыре способа ускорения приложения Vue.js c Webpack
  • Vue vs React: битва Javascript фреймворков
  • Миграция с KnockoutJS на VueJS
  • Начинаем работать с Vue Router
  • Vue.js: трехминутное интерактивное введение
  • Зачем выбирать Vue.js
  • 5 отличных докладов с VueConf 2017, первой конференции по Vue.js
  • Использование Vue, Vuex, Immutable для программирования Tetris
  
  
• Libs & Plugins:
  
  
  • Pasition — маленькая библиотека для плавного морфинга Path
  • gpotter-gradient — Библиотека выдаёт rgb-цвет из линейного градиента на определённом участке от 0 до 100 с шагом в 1. Поддерживает на входе нотации #rrggbb, #rgb и названия цветов.
  • graphql-js — имплементация GraphQL для JavaScript
  • lazy-arr — «Ленивые» (Lazy) массивы в JavaScript

Браузеры

• Для Android создан web-браузер Firefox Focus на базе движка Webkit
• Выпуск web-браузера Opera 46
• Советы для разработчиков по DevTools: как снять полностраничный скриншот без расширений браузера

Занимательное

• Yahoo! всё
• В России возник острый дефицит видеокарт. Причина – рост популярности «добычи» криптовалюты
• Цифровая реальность: как мировая конкуренция поисковиков делает офлайн умнее
• ООН, Microsoft и другие компании работают над системой цифровой идентификации на основе блокчейн для лиц, лишённых документов
• Золотая лихорадка: наши дни
• Кирка, видеокарта, шахта с биткоинами. Как перестать бояться и начать добывать криптовалюту
• Мнение: Когда пузырь лопнет или почему я ошибался насчет эфириума
• «Они за нами повторяют»: в Microsoft намекнули о копировании со стороны Apple
• Facebook обучает ИИ переговорам с людьми и обману
• Google запустил поиск вакансий на основе машинного обучения
• Google перестанет сканировать почтовые ящики пользователей к концу 2017 года
• Tesla планирует создать конкурента Apple Music

We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.

← Digest last week
Material prepared dersmoll and alekskorovin