Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
• 
Подкаст «Frontend Weekend» #81 – Екатерина Павленко о том, как работает программный комитет HolyJS изнутри
• 
Девшахта — подкаст: 59: Как сделать крутой доклад
• 
Подкаст «CSSSR», Новости 512 — Выпуск №31 (26.11 — 02.12)
• 
Видеоблог Вадима Макеева: 11. Прототип изоляции стилей для Shower на веб-компонентах
• 
WSD в Минске, 2018, запись трансляции
• 
performance.now(), 16 видео с конференции, где 16 спикеров мирового уровня покрыли самые важные стороны веб-производительности (+ заметки к каждому докладу)
• 
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
• 
Введение в пользовательские 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
• 
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.
Автор: alexzfort
