FooStack

FooStack — это мое пространство для экспериментов, кода и практики.

Здесь я делюсь всем, что помогает мне и, надеюсь, поможет вам..

  • В предыдущей статье мы разобрали “умный sticky” через смещение (top: -offset).Этот подход позволяет сохранить один скролл страницы и аккуратно обрабатывать длинный контент. Но это не единственный способ. Иногда хочется: В таких случаях можно пойти другим путём и реализовать sticky-поведение вручную…

  • В первом варианте мы реализовали “умный sticky” через отслеживание скролла и накопление смещения (delta). Это даёт полный контроль, но у такого подхода есть особенность: положение сайдбара зависит не только от текущего scroll, но и от его истории Иногда это нормально,…

  • position: sticky — одна из тех вещей, которые кажутся идеальными…пока не начинаешь использовать их в реальном интерфейсе. Особенно если у тебя: В какой-то момент всё начинает ломаться. В этой статье разберём решение:👉 sticky-блок с “внутренней прокруткой” без overflow: auto ❌…

  • Сейчас принято говорить, что AI ускоряет разработку в разы.На демках это выглядит именно так: написал промпт → получил код → поехали дальше. Но в реальной работе происходит другое. AI не столько ускоряет разработку, сколько создаёт ощущение, что ты ускорился.И это…

  • ECharts — мощная библиотека для визуализации данных. Она поддерживает линейные, столбчатые, круговые диаграммы, карты и многое другое. В этой статье разберём, как интегрировать ECharts в Vue 3 с помощью Composition API и показать пример динамической диаграммы. 1. Установка Для Vue…

  • VueUse — это коллекция готовых Composition API утилит для Vue 3. Она позволяет ускорить разработку, уменьшить повторяющийся код и управлять состоянием, эффектами и событиями в реактивном стиле. В этой статье разберём реальные кейсы: таймеры, треки и локальное состояние. 1. Таймеры…

  • Работая с Laravel Eloquent, одна из самых частых проблем производительности — это N+1 запросов. Кроме того, правильное использование кэширования может значительно ускорить работу приложения. В этой статье мы разберём конкретные приёмы оптимизации с примерами кода. 1. Проблема N+1 N+1 запросов…

  • В последние годы AI всё глубже внедряется в процессы создания интерфейсов, от автоматического заполнения макетов до генерации интерактивных элементов. Одним из самых интересных инструментов в этом направлении стал Figma Make — AI-помощник внутри Figma, который умеет на основе твоих описаний…

  • В мире веб-разработки выбор инструментов часто определяет скорость реализации идеи и комфорт разработки. Если классические IDE требуют установки, настройки окружения и длительного запуска, то Replit предлагает другой путь — когда вся ваша среда разработки живёт в браузере и доступна из…

  • n8n — это платформа workflow automation с открытым исходным кодом, которая позволяет автоматически связывать разные сервисы, API и процессы, минимизируя ручное кодирование. Он сочетает в себе визуальное построение логики с возможностью добавления кастомного кода — JavaScript или Python — когда…