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

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

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

Медиа    |    Веб-разработка    |    CSS    |    JavaScript    |    Браузеры

Медиа

• Подкаст «Веб-стандарты» №272. Chrome 89 и DevTools, релизы и приватность, история веба, цвета из спеки, дизайн-система Consta
• «Новости 512» от CSSSR #156: Gatsby 3, замедление Twitter, уязвимость git clone, фронтенд в Lyft, @scroll-timeline, Firebase 101
• «Новости 512» от CSSSR #155: Мануал по TypeScript, @property, заблуждения о микрофронтендах, цена useMemo(), интервью Райана Дала
• Подкаст «Фронтенд Юность» #176: Нулишкуралесинг
• Подкаст «Фронтенд Юность» #177 Бродяги из Джиерписи
• CSSSR: Разбор технического собеседования на позицию senior front-end developer. Часть 1.
• Видео докладов с «Я Фронтенд 2021»

Веб-разработка

• Hello, Word! Разрабатываем браузерное расширение в 2021-м
• Забудьте про div, семантика спасёт интернет
• Программная генерация изображений с помощью API CSS Painting
• Новости платформы от css-tricks: Defaulting to Logical CSS, Fugu APIs, Custom Media Queries, и WordPress vs. Italics
• Слишком много SVG засоряют вашу разметку? Попробуйте `use`.
• Веб-компоненты проще, чем вы думаете
• Когда следует использовать прогрессивные веб-приложения?
• Создание слайд-шоу с помощью Clip-path

• Инструменты
  • Storybook для Webpack 5
  • Новый король бандлеров здесь: всем преклониться пред Vitejs
  • Snowpack: альтернативный Вебпаку инструмент сборки
  

• Производительность
  • Как оптимизация CLS увеличила количество просмотров новостей Yahoo! JAPAN на 15%
  • Google PageSpeed ​​Insights теперь поддерживает HTTP / 2 — оценки могут вырасти
  • Делаем самую медленную «быструю» страницу
  • Отладка сдвигов макета
  

CSS

• Погружаемся в логические свойства CSS
• Инструменты аудита CSS
• Сделайте свой CSS читаемым и поддерживаемым с помощью CSS-шаблона «Enabling».
• Системные шрифты не должны быть уродливыми
• HSL: цветовой формат для людей
• Адаптивный текст в зависимости от размера изображения

JavaScript

• Сборка мусора в JavaScript: браузер против сервера
• JavaScript: что означает this?
• По ту сторону Console.log() — Повышаем уровень навыков отладки
• 12 способов улучшить логгирование в консоли DevTools
• Упрощение Rest параметров в JavaScript

• React
  • Интервью с Дэном Абрамовым: React 17, Suspense, Redux, холивары
  • Нарушает ли React DOM-стандарты?
  • Реализация архитектуры Redux на MobX. Часть 1: «Проблемные места Redux»
  • Представляем Relay Hooks: улучшенный React API для Relay
  • Полное руководство по профилированию приложений React
  • Как эффективно использовать React Context
  

• Vue
  • Vuex: управление состоянием для проектов на Vue
  • Руководство по Vue 3.0 от разработчика на React
  

• Angular
  • Как мы делаем базовые компоненты в Taiga UI более гибкими: концепция контроллеров компонента в Angular
  • Читаем, подсвечиваем и скролим текст на Angular. С помощью TaigaUI и WebSpeechAPI
  • Расширьте Angular Schematics, чтобы настроить процесс разработки
  

• Ember
  • The Ember Times — Issue No. 175
  • Ember.js в 2021 году — маяк производительности
  • The Ember Report №002: David Tang on Ember Data
  

• Svelte
  • Svelte NodeGUI — Создавайте производительные, нативные, кроссплатформенные настольные приложения с помощью Svelte
  • Как использовать Tailwind на сайте со Svelte
  • Svelte Tutorial: создаем блог с Sapper
  

Браузеры

• Новый, смелый, анонимный: поисковик Brave Search
• Атака по извлечению данных из кэша CPU, реализуемая в web-браузере без JavaScript
• Google снизила потребление оперативной памяти в Chrome 89 для Windows, macOS и Android
• Microsoft отправляет на покой классический Edge на EdgeHTML — поддержка браузера завершится уже сегодня


Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.