Дайджест свежих материалов из мира фронтенда за последнюю неделю №463 (12 — 18 апреля 2021)

Моя цель - предложение широкого ассортимента товаров и услуг на постоянно высоком качестве обслуживания по самым выгодным ценам.

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


Медиа    |    Веб-разработка    |    CSS    |    JavaScript    |    Браузеры


Медиа


podcast «Новости 512» от CSSSR: Chrome 90, Deno 1.9, анализ производительности JS, сборщики, верстка писем, pnpm 6, ESLint 7.24.0
podcast Подкаст «proConf» #92: GatsbyConf 2021
podcast Подкаст «Сделайте мне красиво» №60 — Единственный фронтендер, который откладывает яйца
podcast Подкаст «Фронтенд Юность» #183: Путь от идеи до популярного OpenSource проекта
podcast Подкаст «Да как так-то?». Выпуск № 2: Тимлиды, проектные менеджеры, тестировщики — кто все эти люди?

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


habr Малоизвестные, но крутые атрибуты в HTML
habr Микрофронтенды: разделяй и властвуй
en Полное руководство по созданию шаблонов HTML-писем
en Практическая доступность, часть 2: дайте имя (почти) всему
en Новости платформы: Использование :focus-visible, новый шрифт BBC, Declarative Shadow DOMs, A11Y и плейсхолдеры
en Медленно и осторожно: конвертация всего интерфейса Sentry на TypeScript
en Напряжение между Wix и WordPress растет

  • Инструменты
    en Переход с Parcel на Snowpack — сравнение инструментов сборки
    en Сравнение нового поколения инструментов сборки
    en natto.dev — песочница для JavaScript-экспериментов с интересной визуализацией
    en Frontend Toolkit — дашборд с онлайн-инструментами для повседневной работы фронтендера

  • Производительность
    en Погружение в Cumulative Layout Shift
    en Является ли магия WebAssembly волшебным средством производительности?
    en Полное руководство по устранению проблем с производительностью JavaScript с помощью DevTools
    en Сравнение производительности реального CSS и CSS-in-JS

  • Эффекты
    en 2D-физика с Matter.js и Paper.js
    en Meta GSAP: поиски «идеальной» бесконечной прокрутки

CSS


habr Нестандартные шрифты: как подключить и оптимизировать
habr Какие CSS-генераторы можно использовать в 2021 году
habr Пользовательские CSS-переменные, инверсия светлоты цветов и создание тёмной темы за 5 минут
habr CSS: работа с текстом на изображениях
• Tailwind CSS: to use, или not to use?
en Tailwind UI: теперь с поддержкой React + Vue
en Проблемы с Overflow в CSS
en Как подружить стили с Fullscreen API
en Скажите привет CSS Container Queries
en CSS — это строго типизированный язык
en Руководство для новичков по новым утилитам в Bootstrap 5
en Используйте Reseter.css вместо Normalize и Reset.css. Чтобы улучшить кроссбраузерность.


JavaScript


habr Типобезопасность в JavaScript: Flow и TypeScript
habr Работа с датой и часовыми поясами в JavaScript
en Изменение размера изображения в зависимости от контета с помощью JavaScript
en Работа со строками в современном JavaScript
en Генераторы JavaScript: превосходный async/await
en Другой подход к архитектуре фронтенда

  • React
    habr Мой стейт менеджер для React, Preact, Inferno
    habr React: наглядное пособие для начинающих. Создаем свой компонент без знаний JavaScript
    en The next big thing! Научитесь использовать React Query для server-state data management
    en React Router Hooks: изучение того, как они работают
    en Методы выборки данных с помощью React
    en Redux не мертв
    en Remotion: фреймворк для создания видео в React.
    en 5 вещей, которые каждый разработчик React должен знать о состоянии

  • Vue
    en Создание приложения для потокового видео с Nuxt.js, Node и Express
    en Изучите основы Vue с Vue 3
    en Использование provide/inject во Vue.js 3 с Composition API
    en Три распространенные ошибки, которые делают React-разработчики во Vue

  • Angular
    • Методы работы с LocalStorage, SessionStorage и Cookies.
    en Тематизация ваших приложений на Angular с помощью CSS переменных

  • Libs & Plugins
    en lazyfill — загрузка полифиллов по запросу только когда они нужны

Браузеры


habr Вышел Chrome 90
• Включение поддержки HTTP/3 в Firefox намечено на конец мая
• В Firefox 90 будет удалён код, обеспечивающий поддержку FTP
• Разработчики Vivaldi и Brave отказались использовать FLoC от Google, призванный заменить сторонние cookie
• В Microsoft Edge появился специальный «детский режим»
en В Firefox Nightly и Beta появилась поддержка QUIC и HTTP / 3
en WebKit: Представляем CSS Grid Inspector

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Источник: https://habr.com/ru/post/553090/

Интересные статьи

Интересные статьи

Свежая подборка новостей и материалов со ссылками Интересное в этом выпуске Поддержка ARM, Движок Diablo 2, Расшифровка паролей из браузеров, Сборщик js – аналог web...
Свежая подборка со ссылками на новости и материалы. В выпуске: PHP 8 beta 3, принят новый синтаксис атрибутов в PHP 8, Zephir всё, целая пачка полезных инструментов, статьи, видео, ...
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Ваш сайт работает на 1С-Битрикс? Каждому клиенту вы даёте собственную скидку или назначаете персональную цену на товар? Со временем в вашей 1С сложилась непростая логика ценообразования и формирования...
Тема нового дайджеста «Мира Hi-Fi» — аудиоформаты. Статьи подборки расскажут про кодеки для сжатия аудио и различные аналоговые носители. Итак, время чтения на выходных.