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

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

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

Медиа

• Подкаст «Веб-стандарты» №289. Формат номеров, Safari, theme-color и accent-color, Temporal, a11y, переезд на Material UI
• «Новости 512» от CSSSR: petite-vue, вакансия от CSSSR, сравнение React и Solid.js, Qwik, тестирование писем, роадмап Deno Q3
• Подкаст «Callback Hell» — Github Copilot, популярность Rust, что ещё должен уметь Senior кроме написания кода
• Подкаст «Фронтенд Юность» #195 Программист это творец творений
• The Readme Podcast: «От комиксов в Вирджинии до React Core в Facebook»

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

• Вывод чётких изображений на экранах с высокой плотностью пикселей
• Знакомство фронтендера с WebGL: почему WebGL? (часть 1), первые наброски (часть 2)
• Заменят ли верстальщиков нейросети и конструкторы для создания сайтов?
• Убедительные аргументы в пользу доступности
• SVG Favicons в действии
• Как выбрать Headless CMS
• Моя борьба за использование и анимацию конического градиента в SVG
• Среднее время загрузки страницы в 2021 году
• npm audit: сломан на уровне дизайна
• WebSockets vs. HTTP
• Подборка креативных сайтов «Inspirational Websites Roundup #27»

CSS

• Стилизуем слайдер input range для всех популярных браузеров
• Использование HSL цветов в CSS
• Большие, маленькие и динамические вьюпорты
• Дилемма именования переменных для размера шрифта
• Цвет темы в CSS
• Продвинутый редактор градиентов для CSS

JavaScript

• JavaScript: изучаем регулярные выражения на практике
• Как использовать IndexDB для управления состоянием в JavaScript
• Как использовать Promise.all()
• Взгляд на разработку с помощью Astro
• Важность Integrity Checks в JavaScript

• React
  • Enzyme.js — время говорить «прощай»
  • Простое управление состоянием с помощью React Easy Peasy
  • Использование dangerouslySetInnerHTML в React приложении
  • Добавление drag-and-drop с помощью react-beautiful-dnd
  • Расширение Dependency Injection в React с помощью InversifyJS
  • windy — React UI Kit, использующий Tailwind

• Vue
  • Nuxt.js и поисковики. Решение проблем с SЕО для Google и Yandex
  • Как создавать доступные приложения на Vue
  • Как мигрировать с Vue 2 на Vue 3?
  • Как структурировать крупномасштабное приложение на Vue.js
  • Расширение Vue Router Links в Vue 3

• Angular
  • Основы Angular: создание динамических форм с использованием FormArray в Angular
  • Декларативный Route Path Management в Angular приложениях

• Ember
  • Почему Blueprints в Ember такие клевые и как они экономят ваше время на написание тестов

• Svelte
  • Svelte для разработки веб-компонентов: подводные камни и обходные пути
  • Создайте свой первый плагин Figma с помощью Svelte

• Libs & Plugins
  • imaskjs — маска для инпутов на ванильном javascript

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.