Медиа | Веб-разработка | 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
- Libs & Plugins
• Официальный релиз SolidJS: долгий путь к 1.0
• Solid vs React — самая быстрая против самой популярной UI библиотеки
• Fronts — прогрессивный фреймворк для микро-фронтендов.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.