Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры | Занимательное
Медиа
• 
Подкаст «Веб-стандарты» №242. Инспектор гридов, настройка форм, content-visibility, вариативные шрифты, бесконечные списки
• 
Подкаст Фронтенд Юность (18+) №150: Не засоряй окружающую среду своим билдом
• 
Подкаст CSSSR: Релиз-кандидат TypeScript 4.0, веб-сервер на Rust, новый подкаст от dev.to
• 
The Stack Overflow Podcast, Podcast 259: от веб-комиксов до React core с Rachel Nabors
Веб-разработка
• 
Продуманный front-end. Правильная архитектура для быстрых сайтов
• 
Веб-компоненты в реальном мире (часть 2)
• 
Веб-разработчику: 10 полезных инструментов
• 
Как не закопаться в рефакторинге на фронте. Советы новичку
• Вышел WordPress 5.5 «Экстайн»: появился каталог блоков, паттерны блоков, а также автообновление тем и плагинов
• 
5 причин выбрать PWA для ваших веб и мобильных приложений
• 
Single Page приложения с использованием Rust
- Доступность
•
Accessibility в Chrome DevTools
•
Что нового в WCAG 2.2
•
WCAG для дизайнеров
CSS
• 
Новое CSS-свойство content-visibility ускоряет отрисовку страницы в несколько раз
• Единицы размеров в CSS
• 
Что я узнал, исправив одну строку CSS в проекте с открытым исходным кодом
• 
Создание зигзагообразных градиентов
• 
Вертикальное выравнивание текста в кнопках и инпутах
• 
Как я структурирую свой CSS (на текущий момент)
• 
Улучшение взаимодействия с пользователем с помощью CSS-анимации
• 
Как настроить цветовые схемы веб-приложения с помощью кастомных свойств CSS
• 
Ошибки CSS, которые случаются на автопилоте
• 
Еще несколько комиксов про CSS
• 
8 ресурсов, посвященных Tailwind CSS, для вашего следующего проекта
• 
Четыре интересных эффекта для текста, которые оживят ваш сайт
JavaScript
• 
JavaScript: 250+ практических вопросов (список + викторина + бонус)
• 
Архитектура современных корпоративных Node.js-приложений
• Как начать думать функционально в JavaScript
• 
TypeScript 4.0 наконец-то дает то, что я от него ждал
• 
Рекомендации по отладке Javascript
• 
Нативное форматирование чисел в JavaScript
• 
Раcширение возможностей <input type=number>
• 
Мажорные изменения jQuery на пути к WordPress 5.5
- React
•
Отказ от create-react-app и создание собственного шаблона для React-приложений
•
Релиз-кандидат React v17.0: новых функций нет
•
Styled Components: краткое руководство
•
6 основных изменений в React v17.0
- Vue
•
Знакомство с Vuecket
•
Vue.js для начинающих, урок 11: вкладки, глобальная шина событий
•
Обработка асинхронности в Vue 3 / Composition API — Часть 1: Управление Async state
•
Разработка приложения с использованием Vue 3 Composition API
•
Обзор новых функций Vue 3
- Angular
•
Топ-10 Angular-приемов, выбранных сообществом
•
Двустороннее связывание данных в Angular — введение
•
Angular — почему мы должны избегать использования публичных методов для разработки компонентов
•
Анонс NgRx 10: новые пакеты для local component state и реактивных компонентов, swag store и многое другое
•
Renderless в Angular: вся функциональность, никакого рендеринга
- Ember
•
Функция in-element в Ember.js
•
The Ember Times — Issue No. 160
•
Ember.js tutorial for beginners #01 Introduction & Setup (2020)
- Svelte
•
Elder.js: ориентированный на SEO фреймворк на Svelte. Поддерживает SSR и статическую генерацию
•
Разработка на Svelte — все, что вам нужно знать, прежде чем начать
- Libs & Plugins
•
omg-curry — принимает аргументы один за другим, в отличие от функций, которые принимают все аргументы сразу.
•
Vest — это библиотека валидации и тестирования для JS-приложений, синтаксис которой основан на современных средах модульного тестирования JS, таких как Mocha или Jest.
•
GreenSock 3 Web Animation: познакомьтесь с новыми функциями GSAP
Браузеры
• Mozilla и Google продлили до 2023 года соглашение о стандартном поисковике в Firefox
• Разработчики Chrome и Edge обновят внешний вид HTML-форм
• «Vivaldi — это бренд». Разработчик браузера объяснил отказ от открытого кода
• 
В свое 25-летие наследие Internet Explorer как никогда актуально
Занимательное
• Период полураспада программиста, или Боремся с профессиональным выгоранием
• Компания Microsoft ввела в строй сайт opensource.microsoft.com
• Компания Mozilla объявила об увольнении 250 сотрудников
• Итоги первой пятилетки Windows 10: утешительные и не очень
• Мессенджеру Telegram исполнилось 7 лет, к этой дате разработчики выпустили новую версию Telegram 7.0 с видеозвонками
• Тред: ручки на устройствах от Apple и их важность для восприятия
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort
