Front-end digest #33

Новини:

• В Chrome повернулось значення position: sticky

• Перший RC Webpack 2.2: нова документація, керівництво по міграції

• Сервіс перевірки розмітки W3C тепер підтримує кастомні елементи а-ля

• Прості конфлікти в пулреквестах тепер можна виправляти і мерджити прямо на Github

{full-post-img}

Статті:

• Анімація в дизайн системах. Сара Дреснер

• Пишемо доступний html в голові. Мануель Матузовіч

• Діагностика і лог в консоль

• Front-End розробники - також інформаційні архітектори

• Вивчаємо Progressive Web App

• Чому я не використовую CSS препроцесори

• Крос-браузерна валідація HTML5 форми, нарешті, тут! Що тепер?

• Поворот елемента в 3D-просторі за допомогою CSS змінних

• Гамбургери вбивають нас

• Як таби повинні працювати

• Планування продуктивності в новому Webpack. Едді Османі

{full-post-img}

Корисності:

• Редактор для обрізки відео прямо в браузері. JS-порт ffmpeg в воркері від Пола Кінлана

• Launchaco: інструмент для запуску вашого стартапу

• PulltoRefresh.js: Javascript бібліотека для магічного pull to refresh в ваших веб-додатках

• in-view.js: повідомляє, коли DOM елемент потрапляє або зникає з вікна перегляду

• WAUD.JS: бібліотека для роботи із аудіо

• Reframe.js: робить неадаптивні елементи адаптивними

Javascript Jedi:

• Казка про нові Promise. Мет Маркус

• Як мій десятирічний стаж вивчення Javascript? Річ Клайн

• Хто сказав що javascript - це легко?

• Використовуємо ES6 + D3.js

• Створюємо калькулятор для виміру запасу батареї Tesla на Angular 2

• Рендеринг зі сторони сервера Angular 2

• Наслідування компонентів в Angular 2

• Бувай 2к16 і Angular

• Чому ми вибрали Vue.js замість React

• Універсальний React рендер: як ми переробили SitePoint

• 11 уроків, які я вивчив, як розробник на React

• Як рендерити компоненти поза областю основного ReactJS додатка

{full-post-img}

Відео:

• Чому інлайн SVG — найкращий SVG, Глен Маддерн

• Будуємо адаптивні CSS-компоненти, Зел Лью

{@vimeo: https://vimeo.com/194962824} {full-post-img}

• 11 відео із CSSConf.Asia

• Барабанна установка на Vanilla JS, Вес Бос

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

• STUDIO DETAILS Inc.

{full-post-img}

• Blackballoon

{full-post-img}

• 2016 Design Retrospective

{full-post-img}

• HP Sound in Color

{full-post-img}

• Kokopako