Front-end digest #48: V8 6.1, Elm в продакшині, огляд Nuxt.js

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

• Що нового в Chrome 60?

• Медіа апдейти в Chrome 61

• Реліз V8 6.1

• webpack отримав $125,000 від Mozilla за впровадження підтримки WebAssembly

• W3C сформували робочу группу по WebAssembly

Статті

• Посилання на головну сторінку дуже важливі

Пишуть, що посилання в логотипі недостатньо та приводять приклади

• Elm в продакшині: після 25,000 рядків коду

• Як я створив карту вітрів з WebGL

• 10 гайдів по поліпшенню доступності в вебі

• Браузерна статистика, що має значення

• Чи може QML стати наступним стандартом для веб-UI?

• Гід по D3

• Топ 9 бібліотек для анімації в 2017

• Критичний запит

Як ми можемо використовувати ресурсні пріоритети для покращення швидкості доставки

• Створення фотореалістичної 3D-графіки в вебі з WebGL та Three.js

• Якщо вам не подобається FOUT, font-display: optional може бути рішенням

• Створення гістограм з CSS Grid

• Одна ілюстрація, три SVG аутпути

• Замінювані елементи в HTML: міфи і реальність

• Я зробив стайлгайд для мого особистого сайту і ви теж повинні

Корисності

• Shoelace.css – стартовий набір CSS

• Frontend Development – підбірка 1000+ ресурсів для фронтенд розробників

• GridBugs – список багів CSS Grid

• Chromeless – автоматизація Chrome

  • автоматизація тестів
  • парсинг вебу та автоматизація створення скріншотів
  • тестування ботів, яким потрібен справжній браузер
  • PhantomJS, NightmareJS або Selenium

Javascript Jedi:

• Machine learning приходить у ваш браузер через JavaScript

• Оператор розповсюдження null в JavaScript

• Піднімання в JS

• this в JavaScript

• Дорога до сучасного JavaScript

Angular:

• Що нового в Angular 5: простіші PWA

• Порівняння Angular 1, Angular 2 та Angular 4

• Ключові концепції розробки застосунків на Angular

• Стан CSS в Angular

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

React:

• 8 речей, які потрібно знати в React, перш ніж використовувати Redux

• Створення блогів з Gatsby

• Вивчення React.js простіше, ніж ви думаєте

• Детальний огляд анімацій в React

• Інтро в React Router

• React.JS – трансфер даних між компонентами

• Прототипування з React VR

Vue.js:

• Nuxt.js: універсальні застосунки на Vue.js

• Створення користувацьких інпутів за допомогою Vue.js

• Простий серверний рендеринг, маршрутизація та переходи за допомогою Nuxt.js

• Біндінг класів до HTML за допомогою Vue.js

• Як створити фотогалерею на Vue.js

Відео:

• Front End Center

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

• Gusto IDS

• My most Beautiful Nightmare

• Garden Eight

• Woodwork Amsterdam

• NONI NONI