https://habr.com/post/431836/

• CSS
• HTML
• JavaScript
• Разработка веб-сайтов

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

    Медиа    |    Веб-разработка    |    CSS    |    Javascript    |    Браузеры    |    Занимательное

---

Медиа

• Подкаст «Frontend Weekend» #81 – Екатерина Павленко о том, как работает программный комитет HolyJS изнутри
• Подкаст «Веб-стандарты», Выпуск №149: Rolling Scopes, доступность, фигуры и шрифты, прогрессивная графика, как же без React, опасный опенсорс
• Девшахта — подкаст: 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.