Медиа|Веб-разработка|CSS|JavaScript|Браузеры
Медиа
Новости 512 от CSSSR: Chrome 90, Deno 1.9, анализ производительности JS, сборщики, верстка писем, pnpm 6, ESLint 7.24.0
Подкаст proConf #92: GatsbyConf 2021
Подкаст Сделайте мне красиво 60 Единственный фронтендер, который откладывает яйца
Подкаст Фронтенд Юность #183: Путь от идеи до популярного OpenSource проекта
Подкаст Да как так-то?. Выпуск 2: Тимлиды, проектные менеджеры, тестировщики кто все эти люди?
Веб-разработка
Малоизвестные, но крутые атрибуты в HTML
Микрофронтенды: разделяй и властвуй
Полное руководство по созданию шаблонов HTML-писем
Практическая доступность, часть 2: дайте имя (почти) всему
Новости платформы: Использование :focus-visible, новый шрифт BBC, Declarative Shadow DOMs, A11Y иплейсхолдеры
Медленно и осторожно: конвертация всего интерфейса Sentry на TypeScript
Напряжение между Wix и WordPress растет
- Инструменты
Переход с Parcel на Snowpack сравнение инструментов сборки
Сравнение нового поколения инструментов сборки
natto.dev песочница для JavaScript-экспериментов с интересной визуализацией
Frontend Toolkit дашборд с онлайн-инструментами для повседневной работы фронтендера
- Производительность
Погружение в Cumulative Layout Shift
Является ли магия WebAssembly волшебным средством производительности?
Полное руководство по устранению проблем с производительностью JavaScript с помощью DevTools
Сравнение производительности реального CSS и CSS-in-JS
CSS
Нестандартные шрифты: как подключить и оптимизировать
Какие CSS-генераторы можно использовать в 2021 году
Пользовательские CSS-переменные, инверсия светлоты цветов и создание тёмной темы за 5 минут
CSS: работа с текстом на изображениях
Tailwind CSS: to use, или not to use?
Tailwind UI: теперь с поддержкой React + Vue
Проблемы с Overflow в CSS
Как подружить стили с Fullscreen API
Скажите привет CSS Container Queries
CSS это строго типизированный язык
Руководство для новичков по новым утилитам в Bootstrap 5
Используйте Reseter.css вместо Normalize и Reset.css. Чтобы улучшить кроссбраузерность.
JavaScript
Типобезопасность в JavaScript: Flow и TypeScript
Работа с датой и часовыми поясами в JavaScript
Изменение размера изображения в зависимости от контета с помощью JavaScript
Работа со строками в современном JavaScript
Генераторы JavaScript: превосходный async/await
Другой подход к архитектуре фронтенда
- React
Мой стейт менеджер для React, Preact, Inferno
React: наглядное пособие для начинающих. Создаем свой компонент без знаний JavaScript
The next big thing! Научитесь использовать React Query для server-state data management
React Router Hooks: изучение того, как они работают
Методы выборки данных с помощью React
Redux не мертв
Remotion: фреймворк для создания видео в React.
5 вещей, которые каждый разработчик React должен знать о состоянии
- Vue
Создание приложения для потокового видео с Nuxt.js, Node и Express
Изучите основы Vue с Vue 3
Использование provide/inject во Vue.js 3 с Composition API
Три распространенные ошибки, которые делают React-разработчики во Vue
- Angular
Методы работы с LocalStorage, SessionStorage и Cookies.
Тематизация ваших приложений на Angular с помощью CSS переменных
Браузеры
Вышел Chrome 90
Включение поддержки HTTP/3 в Firefox намечено на конец мая
В Firefox 90 будет удалён код, обеспечивающий поддержку FTP
Разработчики Vivaldi и Brave отказались использовать FLoC от Google, призванный заменить сторонние cookie
В Microsoft Edge появился специальный детский режим
В Firefox Nightly и Beta появилась поддержка QUIC и HTTP / 3
WebKit: Представляем CSS Grid Inspector
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.