Дайджест свежих материалов из мира фронтенда за последнюю неделю №348 (14

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Медиа

• Подкаст «Веб-стандарты», Выпуск №157: JavaScript в вузах, JS десять лет назад, браузеры и текст в VR/AR, HTML-модули в JS.
• Подкаст «Frontend Weekend» #87 – Михаил Трошев о том, как эффективно руководить распределённой командой в Яндексе
• Подкаст «CSSSR»: Новости 512 — Выпуск №34 (14.01 — 20.01)
• Девшахта #66: Платформенные команды
• «ALL YOUR HTML» #s2e5: «Макаронный монстр из полосок и шейдеров»
• Видео с Odessa Frontend MeetUps #7-9

Веб-разработка

• Electron: разработка настольных приложений с использованием HTML, CSS и JavaScript
• 12 странных вещей, которые могут произойти после установки npm пакета
• Типы инпутов в HTML5: что сейчас с ними?
• Новичок в JAMstack? Все, что нужно знать для начала работы с ним
• Веб-стандарты: что, почему и как
• Лучше один раз увидеть, чем сто раз услышать, лица и штрих-коды — Shape Detection API
• Почему GraphQL выигрывает у традиционных API
• GraphQL: руководство для начинающих

Производительность:
• Использование функции аудита Chrome DevTools для измерения и оптимизации производительности (часть 1)
• Как использовать Chrome Dev Tools для поиска узких мест в производительности
• Как повышение производительности сайта может помочь спасти планету
• Что такое Client Hints и стоит ли их использовать
• Оптимизация рендеринга в браузере для фронтенд-разработки

Tools:
• Puppeteer для краулинга страниц сайта и сохранения их в Markdown
• STAR (Design Systems + TypeScript + Apollo GraphQL + React): новое поколение фронтенд-инструментария для разработки
• Как перейти на Gulp.js 4.0
• wpk — продвинутый, но интуитивно понятный неофициальный CLI для webpack
• Визуализатор кода функций с экспортом в SVG

Accessibility:
• Как разрабатывать макеты сайтов для скринридеров
• Почему внедрение веб-доступности продолжает терпеть неудачу
• Большая судебная победа веб-доступности в деле Domino’s Pizza, чей сайт не отвечал ADA Compliance

Анимация:
• Продвинутый Three.js: шейдерные материалы и постобработка
• Руководство по созданию множества интерактивных частиц на Three.js
• Как создать глитч-эффект для текста и изображений в CSS
• SVG Filters 101. Руководство от Sara Soueidan, которое поможет вам понять, что SVG фильтры из себя представляют, и покажет, как их использовать для создания собственных визуальных эффектов.

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №348 (14 — 20 января 2019)

Медиа

Веб-разработка

CSS

JavaScript

Браузеры

Занимательное

{{ titleHtml }}

{{ titleHtml }}