https://habr.com/ru/post/515378/

• Разработка веб-сайтов
• CSS
• JavaScript
• HTML

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

Медиа    |    Веб-разработка    |    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.