Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
•
«Новости 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 году?
• Карго-культ HTML в современном фронтенде
•
Состояние веб-воркеров в 2021 году
• Создание NPM пакета в 2021 году
• Три причины отказаться от Bootstrap в 2021 году
• It’s A (Front-End Testing) Trap! Шесть распространенных ошибок при тестировании и способы их решения
• Подборка креативных концептов «UI Interactions & Animations Roundup #17»
• Новые форматы графики в 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-фреймворки в моде, но не забывайте об основах стилизации
• Путь к более насыщенным цветам в вебе
• Разработка 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 }`
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | 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 году?•
Карго-культ HTML в современном фронтенде•
Состояние веб-воркеров в 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.
