Фронтенд-дайджест №341 (26 ноября — 2 декабря 2018)

Не совсем о фронтенде, зато жизненно

Ну что, расчехляйте ваши сервисы для закладок :)

Медиа

• Подкаст «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

• Избежание подводных камней автоматического инлайнинга кода (в контексте WP)

• 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, который покрывает экстремальные техники производительности

• Tools:

  • Что нового в 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-код на фронтенде от посторонних

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

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

• Как меня задолбало противопоставление хренова const чертову let

• 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 и игры