The digest of fresh materials from the world of the front-end for the last week No. 258 (April 10 - 16, 2017)

We bring to your attention a selection with links to useful resources and interesting materials from the frontend area. By the way, last week the digest turned 5 years old. Thank you for reading.

Web development

CSS

Javascript

Browsers

Entertaining

Web development

• We reveal the theme of WebAssembly with Brendan Ike
• Web UI Components
• Podcast Web Standards, Issue No. 64 : Events, Edge 15, an accessible to-do list and chatting a lot with Vadim Makishvili.
• Pilot release of the devSchacht podcast . Authors give thanks, grass-roots, talk about translations.
• Code Debugging Tips and Tricks
• Shadow DOM! = Virtual DOM
• What is a performance budget and why should you use it
• Smooth scrolling and accessibility
• Explore Webpack in 15 Minutes
• The announcement of the PWAStats.com resource , which presents collections of sites that use PWA fruitfully
• AMP for retailers: is it worth it?
• Detailed HTTP / 2 Server Push Guide
• npm and front end
• Building Blocks . Foundation UI component library, which is HTML, CSS and JS snippets that can be embedded in any Foundation project
• Sending messages when a user returns online using Service Workers and Background Sync
• So what is GraphQL that I constantly hear about?
• boilrplate - a curated catalog of blanks (boiler plates) to help you get started
• Iceberg - blank with React, Babel, Webpack, Sass
• Creative animation effects for loading grids
• WebVR Experiments

CSS

• The Dark Side of Using CSS Polyfills
• PostCSS Hamster Framework is a tool that will make your life easier when layout. Typography. Vertical rhythm
• CSS Grid Layout Algorithm Step-by-Step Guide
• Mobile first: forget and score ?!
• Advanced Vertical Margins
• Let's define what Atomic CSS is.
• Griddy is another visual online tool that lets you practice CSS Grid in practice.
• Building Sustainable Architecture on Sass: Part 1
• Details on the touch-action property
• CSS masonry layout exercise
• Customization of browser scrollbars using CSS
• From CSS preprocessors to stylized components (React)

Javascript

• SPA meetup report and materials April 8, 2017
• Asynchronous Functions 101
• JavaScript: Design Patterns
• The Post JavaScript Apocalypse - Douglas Crockford talk at ConFoo Developer Conference
• 9 Ways to Boost Your Code
• Support for ES6 modules came to browsers: time to rethink bundling?
• Theory:
  
  
  • Why use static types in JavaScript? (Advantages and disadvantages)
  • Using Observables in Real Life
  • Functional JavaScript: decoupling methods from their objects
  • 7 tips for handling undefined in JavaScript
  
  
• Practice:
  
  
  • Beau Carnes (freeCodeCamp): My giant JavaScript basics course is available on YouTube. And it is 100% free
  • Making the site interactive and fun with Velocity.js (No jQuery)
  • Exploring JavaScript Test-Driven Development Examples
  • ThsJSQuiz - Test your JavaScript level with an interactive quiz
  
  
• React:
  
  
  • Introduction to React and Redux for Backend Developers
  • N reasons to use the Create React App
  • Architecture of modular React + Redux applications
  • React Five Minute Podcast # 11 - this.state or this.effectiveValue?
  • CodeSandbox - online sandbox for React
  • All videos from React Conf 2017 became available
  • Endless List and React
  • Twitter Lite and React high-performance progressive web application , details of the implementation of a large-scale project
  • Руководство для искателей приключений по React (часть I)
  
  
• Vue:
  
  
  • Введение в Vue.js для людей, знающих только jQuery
  • buefy — легкие компоненты UI для Vue.js, основанные на Bulma
  • vms — Vue.js 2.0 CMS
  • Управление состоянием во Vue
  • Управление состоянием приложения во Vue.js 2 с Vuex — введение
  • Миграция с Angular на Vue, и почему мы не выбрали React (+ ES6 и Webpack)
  
  
• Angular:
  
  
  • Дизайнеры изучают JavaScript: Angular, React, или Vue?
  • Чего ожидать от Angular v5?
  
  
• Libs & Plugins:
  
  
  • tung — javascript библиотека для отрисовки html
  • backslide — CLI утилита для создания HTML презентаций с Remark.js и Markdown
  • Awaiting — утилита для использования async/await для браузеров и Node.js
  • UPNG.js — fast and advanced PNG decoder

Браузеры

• Дополнительные макеты нового интерфейса Firefox 57
• Firefox 55 позволит настроить себя под текущее количество ОЗУ на ПК
• В Firefox планируют добавить секцию настройки производительности
• Mozilla сокращает число стадий в разработке Firefox
• Что нового в DevTools (Chrome 59)
• В Chrome появится режим работы без экрана
• Google объявил Octane устаревшим и не отражающим реальную производительность браузеров
• Edge снова на коне: Microsoft повторила тесты энергоэффективности популярных браузеров
• Что нового в Microsoft Edge после обновления Windows 10 Creators Update

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

• 75-летний программист основал компанию по обслуживанию компьютерных систем на COBOL
• Google AutoDraw — графический редактор на базе ИИ и машинного обучения, угадывающий то, что рисует пользователь
• В Google Photos появилась функция стабилизации видео
• "The stage of AI development is now at the level of a two-year-old child . " Synopsis of the lecture by the Director of Technology Distribution at Yandex Grigory Bakunov.
• Is site speed important, or about the “benefits” of Google PageSpeed ​​Insights
• Devilishly smart: Uber followed Lyft drivers for two years
• Five myths about artificial intelligence

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