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
Subscribers
25.9K
Photos
2.7K
Videos
25
Links
7.9K

Showing posts older than #9617 · Back to latest

Older Posts 20 shown
Post #9616 4.62K
Проблемы экспорта по умолчанию

Использование export default в модулях JavaScript может приводить к путанице: IDE не показывает таких экспортов в подсказках, что усложняет навигацию и автодополнение, а также рефакторинг

https://www.dev-notes.ru/articles/javascript/avoid-default-exports-javascript-modules/
  • 👍 11
  • ⚡ 3
  • 👎 3
  • 💯 3
Post #9615 4.58K
Как работает @scope в CSS

Правило @scope стало базовой функцией CSS с поддержкой во всех основных браузерах и позволяет ограничивать область действия стилей внутри заданного контейнера вместо того, чтобы стили применялись глобально.

https://frontendmasters.com/blog/how-to-scope-css-now-that-its-baseline/
  • 👍 7
  • ❤ 2
  • 🔥 2
  • 👨‍💻 1
Post #9614 4.67K
Container queries в 2026

Container queries позволяют элементам реагировать на собственный контекст, а не на viewport. Подробнее о том, как работать с ними в 2026 в этом гайде

https://blog.logrocket.com/container-queries-2026/
  • 👍 10
  • ❤ 8
Post #9612 7.01K
Привет!

Продолжая прошлогодний формат, предлагаю всем желающим узнать, что вам приготовил наступающий год.

https://some-magic.ru/ball/developers

Надеюсь только лучшее 😊

Коменты я так и не включил, поэтому делитесь своими предсказаниями с друзьями/коллегами. Для тех, кто хочет создать свой шар, это можно сделать по ссылке.

Всем добра ✌️
  • 😁 9
  • 🔥 6
Post #9611 5.81K
Визуализация цветов в реальном времени

Удобный инструмент для подбора палитры цветов и шрифтов для вашего приложения или лендинга. Подбирайте и смотрите изменения в реальном времени.

https://www.realtimecolors.com/
  • ❤ 5
  • 🔥 3
  • 👍 2
Post #9609 4.66K
React Server Components vs Islands Architecture: выбираем подход

Оба варианта направлены на минимизацию JavaScript в браузере и повышение производительности, но используют для этого разные способы. RSC предпочтительнее для интерактивных приложений с частой навигацией, в то время как Islands лучше подходят для контентных сайтов с ограниченной интерактивностью, где приоритет — минимальный объем кода.

https://blog.logrocket.com/server-components-vs-islands-architecture/
  • 👍 7
  • 👨‍💻 2
  • ❤ 1
  • 💩 1
Post #9607 4.54K
Делаем отображение таблиц чуть удобнее

Создаем HTML-таблицы с горизонтальной прокруткой и закрепленными заголовками — простая реализация.

https://taniarascia.com/horizontal-scroll-fixed-headers-table/
  • 👍 5
  • ❤ 1
  • 👎 1
Post #9606 4.37K
Выпуск 506 — Веб-стандарты

State of HTML, Grid Lanes вместо Masonry, Cloudflare 2025, View Transition для диалогов

https://web-standards.ru/podcast/506/
  • 🔥 8
  • ❤ 3
  • 👍 2
Post #9604 4.26K
Создание 8-битной вселенной с AI в качестве портфолио

Экспериментальный кейс к— разработчик собрал себе портфолио в стиле 80-х, сочетая ретро-эстетику с современными веб-техниками и AI-воркфлоу.
Пиксели, звуки и эффекты из классических игр были реализованы с помощью производительного веб-кода (React, Canvas, WebGL, GSAP).

https://tympanus.net/codrops/2025/12/23/building-a-nostalgic-8-bit-universe-with-modern-tech-a-vibe-coding-journey/
  • 👍 6
  • 🔥 3
  • 👎 2
  • 🤯 1
Post #9603 4.39K
Задачек в декабре мало (ха-ха), давайте что-нибудь еще!

Так мы в @ligaaagency и @outagency сделали новогоднюю игру про работу, дедлайны и вот это всё декабрьское.

Про «вроде бы понятные» брифы, про дедлайны с пометкой «ну вы успеете», и конечно про внезапные повороты сюжета, когда все идёт нормально, а потом «многое было не ок».

Это новогодняя история про заказчиков и дедлайны в декабре. Когда стараешься, бежишь, закрываешь задачи — а финал не всегда зависит от того, как бежал. Иногда «спасибо, всё супер», а иногда «давайте все переделаем до нового года».

Мы делали игру с юмором, самоиронией и большой любовью к рынку. Без поучений и морали. Просто узнаваемые ситуации, в которых каждый из нас хоть раз был.

[Поиграйте в игру] и выживите с нами в этом предновогодье!

Реклама. О рекламодателе.
  • 👍 5
  • 😁 5
  • ❤ 1
  • 🤡 1
Post #9602 4.49K
Метрики LCP и INP теперь в Baseline

Теперь разработчики смогут точнее измерять скорость загрузки и интерактивность сайтов для всех пользователей, независимо от их браузера

https://web.dev/blog/lcp-and-inp-are-now-baseline-newly-available?hl=en
  • 🔥 5
  • 👍 2
  • ⚡ 1
Post #9598 4.79K
Алгоритмы и структуры данных

Более 150 примеров реализаций различных структур данных и алгоритмов на JS

https://github.com/trekhleb/javascript-algorithms
  • 👍 13
  • 🔥 3
  • ❤ 2
  • ⚡ 1
Post #9597 5.21K
Как усилить дизайн-систему: LLM + Storybook MCP для фронтенда

Подход, в котором Storybook используется как единый источник правды для дизайн-системы, а LLM подключаются через MCP, чтобы автоматически генерировать и поддерживать код, документацию и stories на основе контекста системы.

https://tympanus.net/codrops/2025/12/09/supercharge-your-design-system-with-llms-and-storybook-mcp/
  • 👍 8
  • ❤ 3
  • 🔥 3
  • 🤔 1
Post #9596 4.51K
5 интересных и малоиспользуемых Web-API

О Battery Status, Vibration, WebHID, Web Speech и WebMIDI API.
С их помощью можно создавать неожиданные и полезные взаимодействия в веб-приложениях. Правда поддержка не у всех хорошая.

https://blog.logrocket.com/5-weird-web-apis/
  • ❤ 7
  • 👍 2
  • 🤔 1
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 →