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

Медиа

•

Подкаст «Frontend Weekend» #81 – Екатерина Павленко о том, как работает программный комитет HolyJS изнутри
• podcast

Подкаст «Веб-стандарты», Выпуск №149: Rolling Scopes, доступность, фигуры и шрифты, прогрессивная графика, как же без React, опасный опенсорс
• podcast

Девшахта — подкаст: 59: Как сделать крутой доклад
• podcast

Подкаст «CSSSR», Новости 512 — Выпуск №31 (26.11 — 02.12)
• video

Видеоблог Вадима Макеева: 11. Прототип изоляции стилей для Shower на веб-компонентах
• video

WSD в Минске, 2018, запись трансляции
• video

performance.now(), 16 видео с конференции, где 16 спикеров мирового уровня покрыли самые важные стороны веб-производительности (+ заметки к каждому докладу)
• video

Frontend NE: The conference 2018

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

• Полезные правила доступности, которые останутся в памяти
•

Background Fetch API: Готовьтесь к его использованию!
•

Как и когда использовать атрибут tabindex

AMP/PWA:
• Google опубликовал подробный FAQ по индексации AMP
• До свидания, Electron. Здравствуйте, настольные PWA
• «Progressive Web Apps. The future of the Mobile Web»: Бесплатная PDF книга, выпущенная при поддержке Google, Microsoft и Awwwards
• Обширное руководство по Прогрессивным Веб-приложениям
• Прогрессивные веб-приложения vs Нативные приложения
• Превратите ваше приложение на Vue в PWA!

Производительность:
• WebP скоро захватит веб, но век будет не долгим
• Должен ли я использовать JavaScript для загрузки моих веб-шрифтов?
• Адаптируемся под пользователей с помощью Client Hints
• Hacking Web Performance. Доклад Max Firtman на Heapcon 2018, который покрывает экстремальные техники производительности
• Избежание подводных камней автоматического инлайнинга кода (в контексте WP)

Инструменты:
• Что нового в DevTools (Chrome 72)
• Console.рулит()

CSS

•

CraSSh: ломаем все современные браузеры вычислениями в CSS
• habr

Введение в пользовательские CSS-свойства
• Правильная шпаргалка по CSS-каскаду
• css-grid-layout-generator.pw — инструмент, с помощью которого можно быстро и наглядно проводить эксперименты с CSS-гридами и получать код на выходе
•

Введение в CSS Shapes
•

Взгляд на CSS Reset (обнуление стилей) в 2018
•

Варианты включения и остановки CSS анимации
•

Просто используйте :focus стили, черт побери
•

CSS Animation 101 — Популярный курс от Donovan Hutchinson теперь в виде бесплатной книги
•

Все о переменных окружения в CSS
•

NES.css CSS фреймворк, вдохновленный NES
•

Эффекты креативной визуализации изображений по наведению по ссылкам
•

Начинаем работать с вариативными шрифтами в CSS
•

Создание CSS-галереи с Grid раскладкой (с эффектом размытия и интерактивными медиа выражениями)
•

Создание интерфейсов будущего: нестандартные формы

JavaScript

•

Руководство по обработке ошибок в JavaScript
• video

State Of JavaScript 2018: Фронт, Данные решают всё. Илья Климов разбирает результаты популярного опроса
• Microsoft выпустила TypeScript 3.2
• Прячем JavaScript-код на фронтенде от посторонних
• Как меня задолбало противопоставление хренова const чертову let
•

Основные сайты содержат неавторизованный JavaScript на своих платежных страницах
•

Скомпрометированный npm пакет: event-stream
•

Infinite Scroll с помощью генераторов
•

Малоизвестные функции JavaScript
•

Концепции функционального программирования в Javascript

NodeJS:
• Самые популярные Node.js-фреймворки 2018 года
• Пограничное состояние Nodejs C++/JS: пересекая рубикон
• 10 Node фреймворков для использования в 2019
• Написание приложений с эффективным использованием памяти на Node.js
• ncc: Node.js CLI инструмент и API для компилирования Node.js проектов в единый JS файл

VueJS:
• Краткий обзор Vue с высоты птичьего полета
• Мои любимые пакеты для Vue.js & Nuxt.js на 2019
• Ускорь свою разработку на Vue.js c Vue CLI 3

React:
• React.js для продолжающих
• useEffect vs useLayoutEffect vs useMutationEffect
• Дорожная карта React 16.x
• Ленивая загрузка (и предзагрузка) компонентов в React 16.6
• 8 предложений, которые улучшат ваше приложение на React
• Состояние управления состоянием в React в 2019
• React Podcast №30: Develop in the Cloud with Christina Holland

Angular:
• Полное руководство по Routing в Angular
• Мои приключения с запуском Angular Ivy внутри StackBlitz: да, это возможно
• Создание простого CRUD приложения с Angular и Node

Libs & Plugins:
• Сравнение JavaScript библиотек для HTTP запросов для 2019-го
• progress-estimator — отображение прогресс-бара и оценки того, как долго будет выполняться промис
• displaceable: крошечная библиотека для обработки производительного смещения элементов относительно позиции мыши

Браузеры

•

Настройка Firefox/Chrome для очень медленного и лимитированного интернета
• Разработчики Chrome задумались о прекращении поддержки FTP
• Opera 57 получила «умные» новости и рекомендации от Netflix
• В Firefox 64 появится встроенный менеджер задач
• Вышел браузер для VR-устройств Firefox Reality 1.1
•

Web Audio, Autoplay Policy и игры

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

• Картина мира. Интернет вещей. Как автоматизировать свою однушку сегодня
• Почему падают криптовалюты — 5 причин от The New York Times
• SEO 101: факты, советы и мифы поисковой оптимизации
• Визуализация данных в работе аналитика: типы диаграмм и какую выбрать
• Почему не стоит давать тестовые задания. И почему не стоит их делать
• Проект OpenSSL переходит на лицензию Apache и меняет схему нумерации выпусков
• Instagram будет описывать фотографии для слабовидящих пользователей
• Хронология: какие проекты закрыла Google и почему

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

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №341 (26 ноября — 2 декабря 2018)