The digest of fresh materials from the world of the front-end for the last week No. 273 (July 24 - 30, 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

Media

• Podcast “Web Standards”, Issue No. 78 : Chrome 60, Stylo, Flash 1996-2020, browser statistics, reset styles, large text, available tooltips, element order, new ES, should it?
• Frontend Weekend FW Podcast # 13 : How to Make a Popular Educational Project on YouTube
• React Five Minute Podcast # 27 : You Won't Believe What the Terrible React Popularity Secret Is ...
• Front Line Podcast # 9 : Roe, Memes, Interviews
• Drinkcast podcast, pilot release from the SPB Frontend community : CSS-in-JS, Houdini, grids, Yarn, and more
• Normal Reset - HTML Shorts . Reset CSS or Normalize.css?
• Weekly stream by Yuri Artyukh “ALL YOUR HTML” # 9 : Multilingualism in Gulp and a trick with canvas animation
• Video from OdessaJS conference
• Frontend United 2017 Conference Recordings - Athens
• Front-Trends 2017 Conference Recordings

Web development

• Commenting on the code: good, bad and disgusting comments
• Google actively promotes AMP internationally
• Creating PWA with Polymer: Checklist
• Testing template library availability
• Understanding the coordinate system in SVG and transformation (part 1) - viewport, viewBox and preserveAspectRatio
• Performance:
  
  
  • Improved web performance to reflect site engine speed
  • Get ready: the new V8 is coming, Node.js performance is changing. How Turbofan v8 Performance Features Will Affect Our Optimization Approach
  • Speed ​​Index Explanation - Another Way to Measure Web Performance
  
  
• Spectacular web:
  
  
  • Weekly compilation of beautiful effects on CSS / SVG / JS # 46
  • Animation of dividing the image into pieces.
  • Blur effect using SVG filters
  
  

CSS

• Properties for aligning everything and the new Display “matured” on release
• Quiz: how well do you know CSS?
• 5 CSS Properties You May Not Know About
• CSS pun rendering
• Create responsive CSS timeline with Sass and BEM
• Layout:
  
  
  • Progressive CSS Layout Improvement: From Float to Flexbox and Grid
  • Using Viewport Units to Scale Fixed Layouts
  • Using CSS Grid Layout as masonry with grid-auto-flow: dense
  • Design Guide for Flexbox and Grid
  • “CSS Grid changes everything (in web layouts)” , - Morten Rand-Hendriksen at Wordcamp Europe 2017
  
  
• CSS variables:
  
  
  • Now that custom CSS properties are a work thing, all values ​​can be changed individually
  • Custom CSS Properties - Dynamic Changes with and without Javascript
  • “CSS Houdini - From CSS Variables to JavaScript and vice versa” , - Sergey Gosporerets
  
  
• Animation:
  
  
  • “Alice in the Country Web Animations API,” - Rachel Nabors at CSS Day 2017
  • How to create a beautiful animated loader in pure CSS
  • Spring Physics Using CSS Variables
  • Fire animation with Scss

Javascript

• Why we chose TypeScript: a history of developers from Reddit
• JavaScript without this
• Book The JavaScript Way . Modern introduction to the language
• How I fell in love with JavaScript again after throwing 90% of the garbage out of it
• Service Worker Guide for Beginners
• A Complete Guide to JavaScript Fatigue: The Reality of Our Industry
• How to:
  
  
  • How to optimize resizing and scrolling
  • How to use Media Queries in JavaScript
  • How to build a simple static site using Webpack
  • How to use JavaScript to create HTML email templates
  • How to send an email with Angular, Sails.js, and Mailgun
  
  
• ES2015 +:
  
  
  • Let's learn the basics of ECMAScript 6 in simple terms
  • Наиболее часто используемые особенности Javascript ECMAScript 2015 (ES6) и ECMAScript 2016 (ES7)
  • Почему композиция сложнее с классами ES6
  
  
• VueJS:
  
  
  • Почему Vue.js — лучший фреймворк для front-end разработки на 2017 год
  • Переключение с React на Vue.js
  • Как опубликовать ваш Vue.js компонент в NPM
  • Впечатляющая коллекция компонентов и хелперов для VueJS 2, основанных на Zurb's Foundation
  • Создание красивых графиков с помощью Vue.js и Chart.js
  • Создание сайта со сравнением криптовалют на Vue.js
  • Предотвращаем XSS в Vue.js с помощью Google Caja
  • Топ онлайн курсов по VueJs
  
  
• React:
  
  
  • React 16 beta доступна для публичного тестирования
  • Обработка ошибок в React 16
  • Топ ресурсов для изучения React Fiber
  • Попробуйте React Fiber с помощью Rekit
  • Создание вашего первого приложения на React
  • Практическое руководство по тестированию React приложений
  • Испектирование, модификация и отладка React / Redux с помощью дополнений Firefox
  • Создание расширения Chrome DevTools с помощью React.js
  
  
• Angular:
  
  
  • Глубокое погружение в веб анимацию с Angular
  • Юнит тестирование Angular приложений с Jest
  
  
• Libs & Plugins:
  
  
  • Fitty — изменение размера текста с помощью JavaScript таким образом, чтобы он помещался в родительский контейнер
  • image-compressor — простое сжатие изображений с помощью JavaScript
  • spacetime — библиотека для удобной работы с временными зонами

Браузеры

• Выпуск web-браузера Chrome 60
• Что нового в DevTools (Chrome 61)
• В Firefox добавлен CSS-движок Stylo, написанный на языке Rust
• Firefox Grid Inspector, July 2017 edition
• В Chrome и Firefox будет прекращено доверие к удостоверяющему центру Symantec
• Microsoft будет поэтапно отказываться от поддержки Adobe Flash в Microsoft Edge и Internet Explorer
• Статистика браузеров, которая имеет значение

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

• Adobe прекращает поддержку Flash
• Google отказалась от «живого поиска» через семь лет после запуска
• Pwnie Awards 2017: наиболее существенные уязвимости и провалы в безопасности
• Основатель Amazon Джефф Безос стал самым богатым человеком в мире, но вскоре лишился этого статуса
• 18-летний молодой человек арестован за сообщение о «детской» ошибке в новой системе электронных билетов Будапешта
• Как понять свой уровень и сколько просить денег
• Что заказывают в США представители ИТ-индустрии
• Почему люди уходят из больших IT-компаний — колонка Стива Бланка
• Эксперты: ситуация на рынке криптовалют становится опасной и может превратиться в пузырь
• Do you know how long quick fixes cost you and your team?

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