Как применять CSS3-трансформации для работы с фоновыми изображениями

В статье объясняется, как применять свойства transform для масштабирования, поворота и других изменений фоновых изображений, а также рассматриваются ограничения и возможные обходные пути.

https://www.sitepoint.com/css3-transform-background-image/?utm_source=rss

JavaScript Temporal приближается

В скором времени в браузерах появится экспериментальная поддержка JavaScript Temporal API, который позволит упростить работу со временем в нативном JS.

https://developer.mozilla.org/en-US/blog/javascript-temporal-is-coming/

Веб-стандарты — Выпуск 459

Lightpanda Browser, CSS sheet, мощный attr, Temporal приходит в JS, Bun 1.2

https://web-standards.ru/podcast/459/

Cоздатем реалистичную пушистую траву с использованием Three.js

Техники работы с геометрией, шейдерами и анимацией для достижения эффекта объемной и динамичной травы, не убивая перфоманс.

Демо | Github

https://tympanus.net/codrops/2025/02/04/how-to-make-the-fluffiest-grass-with-three-js/

Друзья!

Стартует очередной сезон Podlodka React Crew – онлайн-конференции для React-разработчиков. Иду сам и по традиции зову вас с собой! Послушаем и обсудим новые фичи и подходы, и определимся, какие из них включить в свой roadmap и как расти дальше.

В новом сезоне разберемся, какие инструменты и знания включают в роадмапы профессионального развития и насколько они применимы.

В программе:

💬 Говорим на одном языке с пользователями: i18n в React-приложениях – Виталий Баев, контрибьютор Next.js и Vite 🌍 Как выбрать инструменты и сделать интерфейс удобным для всех?

📡 OpenTelemetry для фронтенд-разработчика – Валерий Катцин, frontend-разработчик в Точке 📊 Как собирать данные о работе приложения и использовать их для улучшения продукта?

🔥 "Долгожданный" React 19 – Алекс Рассудихин, разработчик с опытом во Vue, React, Next и Astro 🚀 Какие фичи вышли в продакшен, а какие – нет?

🤖 AI Integrated Developer Experience – Марк Байдебура, Senior Full-stack Engineer в Influencer 🧠 Где AI реально помогает, а где пока его лучше не использовать?

📅 Конференция пройдет 10-14 февраля.

🔗 Регистрируйтесь: podlodka.io/reactcrew

Для подписчиков FrontEndDev есть промокод на скидку 🥳 500руб react_crew_2_mP8t41

По традиции разыграем бесплатный билет. Следите за постами!

Плавные переходы для top-level элементов с использованием свойства display

Используем новые возможности CSS для управления элементами в верхнем слое. Автор объясняет, как можно плавно анимировать переходы с помощью @starting-style и transition-behavior.

https://smashingmagazine.com/2025/01/transitioning-top-layer-entries-display-property-css/

Деплоим Next.js приложение с Deno Deploy

Небольшой туториал о том, как разворачивать приложения Next.js с использованием Deno Deploy: преимущества и шаги для интеграции этих технологий.

https://blog.logrocket.com/deploying-next-js-apps-with-deno-deploy/

Друзья!

Разыгрываем 1 билет на Podlodka React Crew! Podlodka — это отличная возможность послушать классные доклады и позадавать каверзные вопросы экспертам!

Итоги розыгрыша подведем 8 февраля.

Всем удачи! ✌️

Cоздании SPA на Vanilla JS

Статья с основными принципами и подходами к разработке SPA без использования фреймворков.

https://jsdev.space/spa-vanilla-js/

🎉 Результаты розыгрыша:

Победитель:
1. Филипп (@felix2d6)

Проверить результаты

Улучшаем UX c помощью scroll-select

Статья о преимуществах использования scroll-select, позволяющего пользователям легче находить нужные опции в длинных списках. А также примеры реализации и советы по интеграции.

https://blog.logrocket.com/improve-ux-with-scroll-select-box/

Ключ к стабильному деплою: npm ci

Короткая статья о том, почему важно использовать команду npm ci для обеспечения стабильного деплоя и как npm ci помогает избежать проблем в продакшн, обеспечивая точное совпадение зависимостей и оптимизацию установки пакетов.

https://dev.to/impranavkale/avoiding-production-disasters-with-npm-ci-the-key-to-stable-deployments-47ib

Используем TypeScript и TensorFlow для обучения модели

Пошаговые инструкции по процессу настройки окружения, подготовке данных и созданию модели на основе библиотеки TensorFlow

https://wanago.io/2025/02/03/machine-learning-typescript-tensorflow-training-first-model/