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

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

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

Медиа    |    Веб-разработка    |    CSS    |    JavaScript    |    Браузеры    |    Занимательное

Медиа

• Подкаст CSSSR: Новости 512 — 8 марта, CSS 4, Firefox DevTools, Laravel 7, автоматизация с Google App Script
• Девшахта-подкаст #113: Три проблемы nest
• Подкаст «Веб-стандарты» №219: Отладка перфоманса, --save-dev, CSS4 и другие мечты, что такое софт-скилы и зачем их качать
• UnderJS Podcast #16 — UnderPHP: Долгожданный выпуск с ZnProd
• Подкаст «Фронтенд Юность (18+)» #127: Мало половин. Часть вторая
• Подкаст CSSSR. Argumentarium — Архитектура: строгое следование паттернам vs. интеллектуальный анархизм
• Repozitorro #38 — Портфолио наставника

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

• Полное руководство по HTML-атрибутам data-*
• Архитектура фронтенда: Оболочка
• Как мы создали статический сайт, который генерирует тартановые орнаменты в SVG
• Дата выпуска Bootstrap 5 и что в нем нового
• Вариативные шрифты: стоит ли компромисс производительности?

• Инструменты
  • Rome: что умеет новый универсальный инструмент JavaScript
  • Федерация модулей Webpack 5 изменит правила игры в архитектуре JavaScript
  • Будущая реализация отладчика JavaScript в Firefox
  

• Доступность
  • Почему команда GOV.UK Design System изменила тип инпута для чисел
  • Что использовать вместо инпута number
  

• Эффекты
  • Подборка креативных веб-демок «Awesome Demos Roundup #14»
  • Анимированный эффект искажения ссылок с помощью SVG фильтров
  • Подборка креативных сайтов «Inspirational Websites Roundup #13»
  

CSS

• Что делать, когда CSS блокирует парсинг страницы?
• Стилизация Select-Option (почти) без JavaScript
• 6 первых публичных черновиков новых модулей CSS, которыми вы, возможно, давно пользуетесь
• Почему миру нужны разработчики CSS
• Почему мы говорим о CSS4?
• Спецификация CSS, обновленные и модернизированные сроки
• CSS библиотека с набором красивых переключателей
• Как сделать размытие фона в CSS с помощью одной строки кода
• CSS Import
• К сожалению, clip-path: path () по-прежнему не подходит для использования
• Как создать Sticky Footer с Flexbox
• 4 способа анимировать цвет текстовой ссылки при наведении
• Каррирование в CSS?

JavaScript

• Лучшие практики JavaScript — замена старого на новый
• Менее известные, но все еще популярные JavaScript фреймворки разработчиков фронтенда
• Экосистема JavaScript в Индонезии
• Основные советы по SEO-оптимизации сайтов на JavaScript
• Техническое интервью по JavaScript в Google (Callback, Promise, Await / Async)
• Intersection Observer API позволяет быстро обеспечить ленивую загрузку
• Настало ли время покинуть виртуальный дом [React'a]?
• Список лучших практик в Node.js (март 2020)

• Теория
  • 5 малоизвестных возможностей JSON.stringify()
  • Понимаем каррирование в JavaScript
  • Визуализация сервис-воркеров в JavaScript Service
  

• React
  • Почему вы должны учить React вместо Angular
  • React Styled Components: инлайновый стили + 3 других подхода к CSS стилизации (с примерами)
  • Как создать безопасное для типов приложение React Redux
  

• Vue
  • Возможности Vue, о которых не следует забывать
  • Когда использовать новое Composition API во Vue (а когда нет)
  • Сниппета кода с v-директивами для улучшения навыков у новичков во Vue
  • Отображение списков с помощью Vue.js — числа, компоненты и шаблоны
  • Vue Formulate — Самый простой способ создания форм с помощью Vue
  • Понимание CSS Deep селектора во Vue
  • Обработка метаданных в Vue с помощью vue-meta
  

• Angular
  • Проекция контента в Angular или затерянная документация по ng-content
  • 3 способа рендера больших списков в Angular
  • Ленивая загрузка модулей в Angular с Ivy
  

• Ember
  • The Ember Times — Issue No. 138
  • Представляем модификаторы Ember
  

• Svelte
  • Уйти от jQuery к Svelte, как это было
  • Создание панели инструментов в Svelte
  • Svelte с точки зрения разработчика React. Часть 3: События
  

• Libs & Plugins
  • Элегантный способ ветвления в JavaScript
  • Представляем Alpine.js: крошечный JavaScript Framework
  • Библиотеки JavaScript практически никогда не обновляются после установки
  • Stryker: тестируй свои тесты на мутации.
  

Браузеры

• Firefox 75 будет автоматически удалять отслеживающие файлы cookie
• В Firefox появилась возможность установки сайтов как приложений
• Huawei запускает свой собственный браузер
• Избегайте ошибок, связанных с событиями клавиатуры в браузерной транслитерации

Занимательное

• Google переведёт все сайты на mobile-first индексацию с сентября
• Apple разрешила рекламу в push-уведомлениях на iOS
• Twitter начала тестировать в Бразилии собственную версию формата «истории»
• Технический долг, как игра в Тетрис
• Почему ИИ не заменит людей на тяжёлой работе, а будет руководить ими — и сделает труд ещё более изнурительным
• Квантовое превосходство, невзламываемый интернет, суперперсонализированная медицина и другое. Десять прорывных технологий 2020 года по версии MIT Technology Review
• «Я офис-менеджер в Долине и видела много дерьма»: взгляд со стороны на инфантилизм и эгоцентричность работников IT

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

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