The digest of fresh materials from the world of the front-end for the last week No. 251 (February 20 - 26, 2017)

We bring to your attention a selection with links to useful resources and interesting materials from the frontend area.

Web development

CSS

Javascript

Browsers

Entertaining

Web development

• Podcast Web Standards, Issue No. 56 : New Chrome, poor Base64, WebKit debugger, ES-modules in the browser, Node.js and Webpack, calm UI, book with fish, CSS variables.
• 2017 is the year that front-end developers should devote to the basics
• Recordings of the video conference The Rolling Scopes 2017 , held on February 18-19 in Minsk
• Do we need a new heading element? We do not know
  
• Testing HTTP / 2 speed in the real world (WordPress, many pictures and plugins, tests with / without H2 with / without CDN)
• The trick with the addition of delay in the debugger to debug interactive elements that are difficult to catch
• A detailed introduction to Webpack
• Performance audit and nytimes.com Identification of bottlenecks and all that
• Getting started with VoiceOver & Accessibility
• Toolbars, Keyboards, and Viewports
• Form Attributes in HTML5 (Part 1)
• Code review checklist
• The HTML5 Robot . Funny robot will tell you the right tag
• Achieve 60 FPS animation using FLIP principles (First, Last, Invert, Play)
• flatris - web-based tetris - React / Redux, React Cosmos and PWA architecture with offline support
• Draw and animate jelly shapes with Canvas
• WebAssembly logo contest winner

CSS

• More on how Flexbox works - Explained on large, colorful GIFs
• Trick: Separate CSS Transformation Functions
• Two new first public CSS drafts
• The unexpected power of CSS viewport units
• Responsive Design Outside of Media Query
• Responsive CSS patterns without media expressions
• Why I love Element Queries and you must too
• Scaling SVG Clipping Paths for use in CSS
• Variable Fonts
• Getting started with variable fonts
• CSS Grid: Learning New Markup
• Block alignment cheat sheet
• CSS Transitionend Events Nuances
• Understanding and applying recursion in CSS
• How to use CSS animation professionally
• Propeller - another front-end framework based on Google's Material Design Standards & Bootstrap
• spacegrid - simple, responsive grid

Javascript

• Emoji.prototype.length - a story about emotional symbols in Unicode
• Modern JavaScript applications using Neutrino
• Why learn functional programming in JavaScript?
• Functional JavaScript for lazy developers (like me)
• A ten-minute guide to JS modules, formats, loaders, and builders.
• We play with massive muscles . Back to the basics of JS
• Animated Introduction to RxJS
• Quick Tip: Sorting User Lists with Flexbox and jQuery
• babel-preset-env: preset to configure Babel for you
• Creating cool forms with Ember.js
• What stack should I use for my SPA?
• Front-end: Angular vs. React vs. Vue
• ES2015 +:
  
  
  • ECMAScript 2016+ in Firefox
  • Deal with promises before using async / await
  • Even with async / await, pure promises are still optimal for competitive requests
  • What You Need to Know About the Number Type in ES6 JavaScript
  • What you need to know about ES6 Maps
  
  
• Angular:
  
  
  • AngularJS 1.x Basics (Part 2)
  • From angular.module to ngModule
  
  
• React:
  
  
  • How does React decide to redraw a component?
  • 10 mini-patterns in React
  • How to scale Redux applications with Redux-Action-Recompose
  • boundless.js - components with a UI for React applications
  • Redux-query view
  
  
• Vue:
  
  
  • Managing application state with Vuex
  • A different point of vue
  • Top 3 Vue.js 2 Online Courses
  • How routing works in VueJS
  • Vue-geb - Global Event Bus
  
  
• Libs & Plugins:
  
  
  • Image Processing in Javascript
  • ReactiveMaps — набор UI компонентов для карт реального времени
  • React Select — гибко настраиваемый мультиселект с автозаполнением и поддержкой AJAX-а
  • unfetch — минимальный полифил для fetch
  • AR.js — дополненная реальность для Web с использованием ARToolKit — 60fps на мобильном
  • Dwitter — визаулизации в canvas с минимумом кода
  • walletjs — небольшая библиотека для работы со значениями денежных сумм

Браузеры

• В Firefox началось тестирование новых возможностей SnoozeTabs и Pulse
• В Chrome 57 не будет возможности отключить DRM — механизм защиты авторских прав
• Как использовать режим мобильной эмуляции в Chrome
• Браузер Blisk – «мечта каждого веб-разработчика»

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

• AMP-страницы появились в основной выдаче Google.ru
• Инженеры из Google представили глобальную файловую систему Upspin
• Из-за уязвимости сервис Cloudflare месяцами сливал данные клиентов
• Нейросеть «оживляет» рисунки котов. Выглядит жутко
• Самое понятное объяснение принципа работы блокчейна
• Google дал доступ к своему сервису, который замеряет уровень троллинга в комментариях
• Жизнь мема: кто и как зарабатывает на забавных картинках из интернета
• Открытое письмо рекрутерам IT-сферы
• Что такое алгоритмическое искусство: от Моцарта и Райха до «Нейронной обороны»
• «Бороться за глобализацию». Марк Цукерберг рассказал о новом векторе развития своей социальной сети
• Google и Mozilla сообщили, что антивирусы снижают уровень защиты протокола HTTPS
• Как алгоритмы влияют на жизнь
• Билл Гейтс: Роботы должны платить налоги, раз уж они отнимают работу у людей

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