TGViewer
Channel Public Channel
FrontEndDev

FrontEndDev

@front_end_dev

🚀 Статьи, новости, туториалы по frontend разработке.

http://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m
AI и вайбкод @vibe_and_ai

Читать на парковке: https://max.ru/front_end_dev

Реклама: http://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
Open in Telegram
Subscribers
25.8K
Photos
2.7K
Videos
26
Links
7.9K

Showing posts older than #9199 · Back to latest

Older Posts 20 shown
Post #9197 6.18K
Релиз Vitest 3.0

Новые функции и улучшения: высокая скорость выполнения тестов и улучшенная поддержка TypeScript

https://vitest.dev/blog/vitest-3
  • 🔥 11
  • 👍 6
  • ❤ 1
Post #9195 6.65K
Ключ к стабильному деплою: npm ci

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

https://dev.to/impranavkale/avoiding-production-disasters-with-npm-ci-the-key-to-stable-deployments-47ib
  • 👍 13
  • 👌 3
Post #9193 5.94K
Улучшаем UX c помощью scroll-select

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

https://blog.logrocket.com/improve-ux-with-scroll-select-box/
  • 🔥 7
  • 👍 2
  • 👎 2
  • 🤔 1
Post #9192 5.76K
FrontEndDev Друзья! Разыгрываем 1 билет на Podlodka React Crew! Podlodka — это отличная возможность послушать классные доклады и позадавать каверзные вопросы экспертам! Итоги розыгрыша подведем 8 февраля. Всем удачи! ✌️
🎉 Результаты розыгрыша:

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

Проверить результаты
  • 🎉 6
  • 😢 2
Post #9191 6.43K
Cоздании SPA на Vanilla JS

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

https://jsdev.space/spa-vanilla-js/
  • 😁 13
  • 👍 5
  • 🤯 4
  • 🥴 2
  • 👀 1
Post #9190 5.97K
Друзья!

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

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

Всем удачи! ✌️
  • 🔥 9
  • 😍 3
  • 👍 1
  • 👌 1
Post #9189 6.38K
Деплоим Next.js приложение с Deno Deploy

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

https://blog.logrocket.com/deploying-next-js-apps-with-deno-deploy/
  • 👍 8
  • 😁 3
  • ⚡ 1
Post #9188 5.91K
Плавные переходы для top-level элементов с использованием свойства display

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

https://smashingmagazine.com/2025/01/transitioning-top-layer-entries-display-property-css/
  • 👍 10
  • ❤ 2
  • 🔥 1
Post #9186 5.54K
Cоздатем реалистичную пушистую траву с использованием Three.js

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

Демо | Github

https://tympanus.net/codrops/2025/02/04/how-to-make-the-fluffiest-grass-with-three-js/
  • 🔥 17
  • 🥰 2
  • 👍 1
Post #9184 6.33K
JavaScript Temporal приближается

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

https://developer.mozilla.org/en-US/blog/javascript-temporal-is-coming/
  • 🔥 20
  • 👍 3
  • ❤ 2
  • 🤔 2
  • ⚡ 1
Post #9183 6.13K
Как применять CSS3-трансформации для работы с фоновыми изображениями

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

https://www.sitepoint.com/css3-transform-background-image/?utm_source=rss
  • 👍 9
  • 👌 1
  • 👨‍💻 1
Post #9181 6.49K
Nim - темплейт для персонального сайта с использованием Motion-Primitives

Nim создан с помощью Next.js, React, Tailwind CSS и Motion-Primitives. В статье — основные функции, особенности и способы использования этого шаблона для создания современных веб-приложений.

https://tympanus.net/codrops/2025/02/01/nim-nextjs-react-tailwind-motion-template/
  • 👍 11
  • 🔥 3
  • ❤ 1
  • 👌 1
  • 🥴 1
Post #9179 7.31K
Относительно новые вещи, которые будут доступны в HTML в 2025

Группировка details как аккордион, стилизация селектов, чекбоксы как toggle и еще несколько фич.

https://frontendmasters.com/blog/bone-up-html-2025/
  • 🎉 42
  • 🔥 5
  • ❤ 3
  • 😁 2
Post #9176 7.26K
10 backend понятий, о которых желательно знать frontend разработчику

Чтобы быть в теме и понимать, о чем говорят бекендеры на стендапах, вот небольшая обзорная статья, рассказывающая о таких понятиях как шардинг, балансировщик, API Gateway и еще некоторых других.

https://dev.to/thesanjeevsharma/10-backend-terms-every-frontend-developer-should-know-2o2h
  • ❤ 14
  • 👍 5
  • 🤔 2
  • 👌 2
  • 🤣 1
Post #9175 7.02K
Погружение в React Server Components

Рассмотрим, чем RSC отличается от классических CSR и SSR, какие у них преимущества и как интегрировать серверные компоненты в свое приложение на React.

https://tonyalicea.dev/blog/understanding-react-server-components/
  • 🔥 11
  • ⚡ 1
  • ❤ 1
Post #9174 6.8K
Инструменты для проверки доступности

Обзорная статья о том, почему доступность - один из важных аспектов разработки, и какие инструменты можно использовать для тестирования.

https://techhub.iodigital.com/articles/accessibility-tools
  • ❤ 9
  • 👍 3
  • 🔥 2
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →