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

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


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


Медиа


podcast «Новости 512» от CSSSR: Firefox 89, Safari 15 Beta, Jest 27, цикл статей о работе браузера, разработка базовых компонентов, обзорная статья о тестировании фронтенда и анонс WebExtensions Community Group.
podcast Подкаст «Веб-стандарты» #285: Бета Chrome 92, Firefox 89, якоря и расширения, TeamCity, JS внутри WASM, TypeScript 4.3
podcast Подкаст «Фронтенд Юность» #190: Как подступиться к старому проекту и не сесть на кулак
podcast «Новости 512» от CSSSR: React 18, Vue 3.1, анонс ESLint 8, курсы от CSSSR, :is(), where() и :has(), как прилёг Интернет
podcast Подкаст «Callback Hell»: Сервисы Google с плохими Web Vitals, шеринг логики между фронтом и бэком, документация на проектах


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


habr Будущее веба: станет ли рендеринг в <canvas> заменой DOM?
en Правильный тег для работы: почему следует использовать семантический HTML
en 5 проблем фронтенда, которые нельзя игнорировать

  • Инструменты
    en Три инструмента для аудита фронтенда, которые я обнаружил недавно
    en Подборка полезных бойлерплейтов и стартовых наборов для веб-разработки, от аудита CSS и a11y до js фреймворков и плагинов для VS
    en Знакомство с Memory Inspector в Chrome DevTools
    en Представляем Astro: новый тип статического генератора сайтов, не использующий JS
    en 7 инструментов для более быстрой разработки фронтенда в 2022 году

  • Производительность
    habr CSS, JavaScript и блокировка парсинга веб-страниц
    en Оптимизация производительности фронтенда для новичков. Часть 1/n. Как браузеры рендерят страницу
    en Часть 2/n. Что мы можем сделать для улучшения FMP и TTI?
    en Часть 3. Event loop, layout, paint, composite, call stack
    en Обеспечиваем четкое изображения на экранах с высокой плотностью изображения

  • Доступность
    habr Используйте ссылки и кнопки правильно. Пожалуйста
    • Да, веб-анимация правда может быть доступной
    en whocanuse — инструмент, позволяющий понять доступность сочетания цветов для людей с различными проблемами зрения
    en Устранение проблем с контрастностью на вашем сайте и в других местах

  • Эффекты
    en Добавление теней к значкам SVG с помощью фильтров CSS и SVG
    en Эффект наведения на превью изображений с SVG фильтрами

CSS


habr Выкладка нетрадиционной ориентации
en Полное руководство по CSS Grid с шпаргалкой
en Системные цвета CSS
en CSS определяет значения цвета, соответствующие системным настройкам.
en Media Queries во времена @container
en Давайте узнаем об Aspect Ratio в CSS
en CSS size-adjust для @font-face
en Равные столбцы с Flexbox: это сложнее, чем вы думаете
en Эксперимент с сортируемыми мультиколоночными таблицами
en Знакомьтесь с :has: нативный CSS селектор
en Рог изобилия Container Queries
en Создание правил для font-size CSS и создание Fluid Type Scale

JavaScript


habr Как я ускорил движок на 13%
habr Прогнозирование временных рядов на JS: анализ данных для самых маленьких фронтендеров
habr Sparkplug — неоптимизирующий компилятор JavaScript в подробностях
en Как создать фулстек-приложение с помощью Supabase и Next.js
en Реализация приватных полей в JavaScript
en Forever Functional: Мемоизация промисов
en Как реализовать принципы SOLID в JavaScript
en Автоматизируйте форматирование и исправление JavaScript кода с помощью Prettier и ESLint
en Современный JavaScript
en Выходя за рамки ESLint: обзор статического анализа в JavaScript
en Доберенные типы API для безопасности JavaScript DOM
en Как создать NFT с помощью JavaScript
en Rust с точки зрения JavaScript

  • React
    en План для React 18
    en Обзор техник управления состоянием React в 2021 году
    en Альтернативы Redux в 2021
    en Cloudflare Pages tutorial: развертывание React приложения через GitHub
    en React Icons: подробное руководство с примерами
    en Тестирование альфа-версии React 18

  • Vue
    habr Из Vue 2 на Vue 3 – Migration Helper
    en Домашний магазин с Vue.js Composition API
    en Что такое State Management? Практическое руководство по Vuex для Nuxt.js приложений
    en Vue.js vs. React — нестандартное сравнение

  • Angular
    habr Загадка трубы, или AsyncPipe в Angular
    en Пример Angular NgClass — Как добавить условные классы CSS
    en Развертывание одностраничных Angular приложений на GitHub Pages
    en Создавайте более доступные приложения на Angular
    en Более быстровоспринимаемое время отклика с Angular Material для решения проблемы скорости

  • Libs & Plugins
    en Представляем libSquoosh. Это Squoosh, но в виде node библиотеки
    en nanostores — Крошечный менеджер состояний для React/Preact/Vue/Svelte с множеством атомарных хранилищ
    en flexsearch — Самая быстрая и наиболее гибкая для памяти библиотека полнотекстового поиска, без зависимостей

Браузеры


habr Vivaldi 4.0 — Первое приближение
• Google признал неудачным эксперимент с показом только домена в адресной строке Chrome
en Возможности WebKit в Safari, продемонстрированные на WWDC21


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


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

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

Подборка свежих уроков, видео и пакетов по фреймворку Laravel за неделю. Читать дальше →
Каждый день в мире происходит множество исследований и открытий, степень важности и серьезности которых сложно оценивать объективно. Для кого-то нет ничего важнее поисков внеземно...
В интернетах давно ведётся священная война между адептами Функционального Программирования и ООП, Redux и MobX, React и Angular. Многие годы я обходил её стороной, но теперь эта тема коснулась и ...
Встречайте нашу новую подборку избранных хабратопиков для чтения на выходных. В этот раз говорим о влиянии звука на здоровье и обсуждаем: как жить в мире, где стало слишком шумно, что помогает во...
Эта публикация написана после неоднократных обращений как клиентов, так и (к горести моей) партнеров. Темы обращений были разные, но причиной в итоге оказывался один и тот же сценарий, реализу...