Front-end digest #39

Новини/Релізи:

• В Chrome пришвидшили перезавантаження сторінок на 28%

• В Microsoft Edge додали WebRTC 1.0

• Mithril 1.0.0

• React Router v4 Beta

Статті:

• Давайте поглянемо на 50+ цікавих властивостей і значень CSS

• Впроваджуємо "Save For Offline" з Service Workers

• Як створити hover-ефект, що залежить від напрямку

• Чисте, адаптивне меню за допомогою CSS, HTML і jQuery

• Як (і навіщо) ми робили свій фронтенд-фреймворк - MarsMan

• Змішуємо контент з адаптивними зображеннями

• Керівництво по Webpack 2 і бандлінгу модулів для початківців

• CSS архітектура для кількох веб-сайтів з SASS

• Будуємо повністю доступну довідкову підказку (tooltip)

• Створюємо гамбургер меню з ефектом морфінгу за допомогою CSS

• 14 важливих метрик продуктивності сайту, які бажано аналізувати

• Використовуємо HTTP/2 відповідально: адаптуємо для користувачів

• Основні команди скрінрідерів (screen reader) для тестування доступності

• Інструменти для роботи з вебом від Mozilla

• Як працює calc()

• CSS псевдо-класи: : not() і :target

Корисності:

• fast-memoize.js - швидка бібліотека мемоізації

• vanilla-tilt.js - tilt.js без залежностей від jQuery

• ack! - grep для CSS розробників

Javascript Jedi:

• Можливості ES7 та ES8

• JavaScript , нарешті, отримає належне асинхронне програмування

• 6 способів використовувати Spread (...) оператор

• Гід для початківців по змінним і типам даних в JavaScript

• Нативні ECMAScript модулі: нові функції і відмінності від модулів WebPack

Angular:

• Що таке Angular?

• Наступна версія Angular - Angular v4

• Основи Angular на 5 прикладах

• Angular 2+ класи з NgClass та NgStyle

React:

• Коли вам потрібна бібліотека Flux? Пояснення на прикладі з автомобілем

• Основи Життєвого циклу Подій в React

• Налаштування оточення React за допомогою WebPack і Babel

• Як створювати, тестувати і розгортати React-додатки в 2017

• Що відбувається, коли ви використовуєте RxJS в React?

Відео:

• dotCSS 2016 - Chris Lilley - Потенціал Web-шрифтів

• SingaporeCSS - CSS GRID + WRITING-MODE

5 сайтів, що надихають:

• Sing

{full-post-img}

• Wed'ze - Goggles Collection

{full-post-img}

• Mirage Festival 5e Édition

{full-post-img}

• Slam

{full-post-img}

• Hacksaw Ridge

{full-post-img}