Дайджест свежих материалов из мира фронтенда за последнюю неделю №463 (12 — 18 апреля 2021)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
•
«Новости 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 растет
•Нестандартные шрифты: как подключить и оптимизировать
•Какие 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: Flow и TypeScript
•Работа с датой и часовыми поясами в JavaScript
•Изменение размера изображения в зависимости от контета с помощью JavaScript
•Работа со строками в современном JavaScript
•Генераторы JavaScript: превосходный async/await
•Другой подход к архитектуре фронтенда
•Вышел 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
Медиа | Веб-разработка | 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 растет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•
Другой подход к архитектуре фронтендаБраузеры
•
Вышел 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.
