Front-end digest #32

Новини:

• Async/Await запрацювали у Firefox

• CSS Grid та Grid Highlighter вже у Firefox Developer Edition

Релізи:

• V8 Release 5.6

• TypeScript 2.1

• Angular.js 1.6 та 2.3

Статті:

• Хаки для більш швидкого рендеринга контенту, Джейк Арчибальд

• Керівництво по продуктивному паралаксу від Google Developers

• Кастомні елементи, які працюють всюди, Роб Додсон

• Основні принципи розмітки в HTML 5.1

• Lazy-Loading коментарів Disqus

• Як запускати економічно ефективні frontend-додатки на Amazon S3

• Створюємо адаптивну продуктову сітку з CSS Flexbox

• Миттєві статичні веб-сторінки за допомогою Service Worker

• Кастомні елементи і веб-компоненти багаторазового використання

• Візуалізація аудіо за допомогою WebGL (three.js), GLSL шейдерів і Web Audio API

• Інтерв'ю з Chris Coyier, співзасновником CodePen.io та CSS-Tricks

• Балансування тексту в адаптивному дизайні

• Гнучка типографіка за допомогою :root

• margin-bottom або margin-top

• Сила CSS селекторів та як її використовувати

• Використовуємо нативні змінні CSS у розробці

• HTML5 - наступна ігрова платформа на $100 мільярдів - Venture Beat

• Маскування зображень з SVG

• Найпростіший і продуктивний спосіб підключати посилання для соціальних медіа

• Нам потрібно поговорити про технічний борг, Гаррі Робертс

• Досвід переводу сайту в PWA від CloudFour

• Мови, фреймворки і інструменти, які ви бажано вивчити у 2017

• Топ JS фреймворків і тем для вивчення у наступному році

• Топ-5 Javascript фреймворків для вивчення у 2017

• Думки щодо трендів і вебу майбутнього

Корисності:

• StageXL 1.0 - швидкий рушій 2D рендеринга для HTML5 і Dart

• pulltorefresh.js - плагін для реалізації pull-to-refresh

• React Native Express - ресурс для вивчення React Native

{full-post-img}

Javascript Jedi:

• Babel: сьогодення та плани на майбутнє

• Дорогий JavaScript,

• Тестування з Webpack 2

• Вам може не знадобитися TypeScript(або статичні типи)

• Відображаємо динамічні нотифікації за допомогою Web Notification API

• Оновлюємо React Native додатки "на льоту"

• Тестуємо React компоненти з Jest і Enzyme

• Основи React Native за 20 хвилин

• Server Side React

• Помилкове порівняння React та Angular

• Чомуми обрали Angular 2, а не React для ентерпрайзу

• 5 безкоштовних гайдів по VueJS

• Laravel обрав Vue, але вам не обов'язково так робити

Інше:

• А ServiceWorkers готові?

Відео:

• Як взаємодіяти з виробниками браузерів

• ReactiveConf 2016 - Ніякого Xcode, Android Studio, Java, Swift, Objective C... Як далеко може зайти JS?

• Пишемо свій перший React компонент

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

• Monochrome

{full-post-img}

• Predictive World

{full-post-img}

• Quanta Group

{full-post-img}

• Cappen Digital Agency

{full-post-img}

• Mozaik Vibrant Synergy

{full-post-img}