Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
•
Подкаст «Веб-стандарты» №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
• Новое CSS-свойство content-visibility ускоряет отрисовку страницы в несколько раз
• Единицы размеров в CSS
• Что я узнал, исправив одну строку CSS в проекте с открытым исходным кодом
• Создание зигзагообразных градиентов
• Вертикальное выравнивание текста в кнопках и инпутах
• Как я структурирую свой CSS (на текущий момент)
• Улучшение взаимодействия с пользователем с помощью CSS-анимации
• Как настроить цветовые схемы веб-приложения с помощью кастомных свойств CSS
• Ошибки CSS, которые случаются на автопилоте
• Еще несколько комиксов про CSS
• 8 ресурсов, посвященных Tailwind CSS, для вашего следующего проекта
• Четыре интересных эффекта для текста, которые оживят ваш сайт
• JavaScript: 250+ практических вопросов (список + викторина + бонус)
• Архитектура современных корпоративных Node.js-приложений
• Как начать думать функционально в JavaScript
• TypeScript 4.0 наконец-то дает то, что я от него ждал
• Рекомендации по отладке Javascript
• Нативное форматирование чисел в JavaScript
• Раcширение возможностей <input type=number>
• Мажорные изменения jQuery на пути к WordPress 5.5
• 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.
Медиа | Веб-разработка | 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.
