Front-end digest #38

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

• Safari 10.1

• Ionic 2.0.0

• Firefox 51.0

• WebGL 2 вже у Firefox 51!

• Gmail блокуватиме .js прикріплення починаючи з 13.02.2017

Статті:

• Адаптивні HTML імейли з MJML

• Веб-анімація в 2017 році

• П'ятихвилинне інтро у Стилізовані Компоненти

• Балансування тексту і зображень з Flexbox

• Анімування різних кінцевих станів за допомогою одного набору CSS кейфреймів

• HTML vs HTML5 – Яка різниця?

• Таблиця з лише внутрішніми межами

• npm для початківців: Гід для фронт-енд розробників

• Основи CSS Grid

• Правила використання ARIA в HTML

Корисності:

• Konsul - абстракція консолі браузера, яка поставляється з React renderer

• Tilt.js - parallax tilt ефект для jQuery

• qart.js - генерація художніх QR-кодів

• broken-link-checker - інструмент для знаходження непрацюючих посилань, відсутніх зображень і т.д. у HTML

Javascript Jedi:

• Анімація з KUTE.js

• Рендер на стороні сервера: Marko, Preact, Rax, React та Vue

• Рефакторинг 30000 рядків JS за допомогою Типів

• Стандарт JavaScript

• Куди прямують JavaScript фреймворки у 2017?

• Регулярки ECMAScript стали кращими!

• Робота з HTTP-потоками з Cycle.js

• Готуємося до інтерв'ю по JavaScript: Що таке Promise?

• Корисність від непотрібних JavaScript фреймворків

• TypeScript 2.1: Mapped Types

• Meteor у 2017

• Source Maps з webpack в Chrome

• Фільтрація і ланцюжки в функціональному JavaScript

• 10 хвилин JavaScript: Розробка бібліотеки в ES6 з Babel, Mocha та npm скриптами

• Як ми повинні завантажувати веб-компоненти?

• Пояснення принципу наслідування прототипів у JS на прикладах CSS

• JavaScript методи роботи з масивами: змінювані і незмінні

Angular:

• Знайомство з Observables для Angular розробників

• Angular чи React – спробуйте обидва!

• Детальне знайомство з декораторами в Angular

React:

• Чому я люблю створювати React додатки

• Миттєві перевірки полів форми з контрольованими інпутами React

• Все що потрібно, щоб створити додаток на React: статті, керівництва і тд.

• Оптимізація продуктивності ваших React додатків

• Як ми перенесли 100k рядків коду з AngularJS на React (ч. 1)

• Redux з React – Перший погляд

Відео:

• Google Chrome Developers - Розділення коду для кращої продуктивності з Webpack - Totally Tooling Tips (S3, E15)

• Workshop по ES6 в PayPal

• Web Standards Days у Москві, 2017

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

• Sézane Denim

{full-post-img}

• We3

{full-post-img}

• Pursuit Of Sound

{full-post-img}

• Cannabis

{full-post-img}

• Merci-Michel

{full-post-img}