Дайджест свежих материалов из мира фронтенда за последнюю неделю №475 (28 июня — 4 июля 2021)

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

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

Медиа

• «Новости 512» от CSSSR: Solid.js 1.0, новый API для работы со временем Temporal, TypeScript 4.4 beta, искусственный интеллект на службе писателей кода и «Linux для себя»
• Подкаст «Фронтенд Юность» #193: Гвозди Вебпака В Шине Событий
• FrontSpot Show #16: АйТиБорода о карьере в айти, тимлидстве и выгорании.
• #11 Ленивый фронтендер. 38: остаться инженером. В гостях Андрей Мелихов
• Онлайн-собеседование фронтенд-разработчика: Серёжа Попов и Эйч
• Frontend Mix: митап по фронтенд-разработке

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

• Зачем делать копию Facebook под Internet Explorer 6 в 2021 году?
• Состояние веб-воркеров в 2021 году
• Создание NPM пакета в 2021 году
• Три причины отказаться от Bootstrap в 2021 году
• It’s A (Front-End Testing) Trap! Шесть распространенных ошибок при тестировании и способы их решения
• Подборка креативных концептов «UI Interactions & Animations Roundup #17»

• Инструменты
  • Microsoft и GitHub представили нейросетевого помощника программиста Copilot
  • Новый инструмент Google для понимания зависимостей пакетов
  • GitHub Copilot Experiences — взгляд в будущее AI-ассистентов
  • Code Linting для веб-разработчиков

• Производительность
  • Оптимизации в вебе — дорого, сложно, и уже не нужно?
  • Хорошие новости: Google больше не требует от издателей использовать формат AMP. Плохая новость: его замена может быть еще хуже
  • CSS для Web Vitals

• Доступность
  • Невидимые преимущества доступности
  • Краткое примечание о скиплинках с sticky headers
  • Улучшение доступности веб-сайтов федерального правительства
  • Прекратите использовать «поп-апы»
  • Станет ли доступность еще более важной для SEO?

CSS

• Новые форматы графики в CSS с помощью обновлённой функции image-set
• Липкая шапка таблицы на CSS
• Цветные вкладки на theme-color для Safari, Vivaldi и Chrome. Бонусом ES-импорты, сервер на Node.js
• Руководство по CSS анимации с использованием clip-path()
• Разноцветный текст с помощью CSS
• Изменение цвета элементов форм с помощью свойства accent-color
• Позиционирование наложенного содержимого с помощью CSS Grid
• Keyframes — максимально простые визуальные инструменты, которые помогут вам создавать CSS анимацию, а также подбирать тень и цвета для ваших проектов.
• :nth-child между двумя фиксированными индексами
• Определение устройств с возможностью использования hover
• CSS-фреймворки в моде, но не забывайте об основах стилизации
• Путь к более насыщенным цветам в вебе

JavaScript

• Разработка Tizen-приложений для Samsung Smart TV: полный гайд для Javascript-разработчиков
• Гайд по Nest.js: что это такое и как написать свой первый код
• Когда Click — это не просто Click
• Temporal: начало работы с новым date time API в JavaScript
• JS Is Weird — тест на знание особенностей языка
• Сортировка цветов в JavaScript
• Чем отличается `export default thing` от `export { thing as default }`

• React
  • Next js. Куда, откуда и причем здесь google?
  • Изучение React Router
  • Простое руководство по Component Props в React
  • Как настроить Airbnb Style Guide для React проектов
  • Как создать библиотеку компонентов React
  • Магия response-query и supabase

• Vue
  • petite-vue — облегченный альтернативный дистрибутив Vue, оптимизированный для прогрессивного улучшения. Он предоставляет тот же синтаксис и ментальную модель реактивности, что и стандартный Vue, но более оптимизирован для небольшого количества взаимодействий на HTML-странице, отрендеренной серверным фреймворком
  • Каковы советы и рекомендации по созданию быстрого и легкого VueJS SPA?

• Angular
  • Все, что вы хотели знать про Qwik — новый фреймворк от создателя Angular
  • Использование Dependency Injection для уменьшения дублирования кода в Angular

• Ember
  • The Ember Times — Issue No. 183
  • Разница между ember serve и npm run start
  • Выпущен Ember 3.27

• Svelte
  • Создайте PWA с помощью Sveltekit
  • Создание компонента Alert в Svelte

• Libs & Plugins
  • Официальный релиз SolidJS: долгий путь к 1.0
  • Solid vs React — самая быстрая против самой популярной UI библиотеки
  • Fronts — прогрессивный фреймворк для микро-фронтендов.

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