Neuro Noise (GLSL Shader)

Интерактивный фон с эффектом при перемещении курсора

developer-roadmap

Зашли в тупик или нуждаетесь в совете как начать? Или запутались между фреймворками и инструментами? Тогда этот репозиторий для вас. Владелец проделал отличную работу как для новичков, так и для экспертов. Вы получите общее представление о том, где находитесь и куда вам нужно двигаться.

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

#GitHub

Универсальный подход к адаптивному веб-дизайну интерфейсов Stretch, Scale, Switch (SSS)

Создание адаптивных версий интерфейса это боль многих дизайнеров и, как следствие, разработчиков. Разные экраны, хаос в макетах, непонимание между специалистами… Но есть способ сделать адаптацию проще, предсказуемее и удобнее для всех. В этой статье я предложу вам подход, который сократит количество макетов и сделает интерфейс аккуратным на любом устройстве. Готовы взглянуть на адаптацию под новым углом?

light/dark mode

Анимированное переключение светлой и темной темы

❓ Что делает event.stopPropagation() в JavaScript и когда его использовать?

Метод event.stopPropagation() останавливает всплытие события вверх по дереву DOM. Это полезно, когда нужно предотвратить выполнение обработчиков на родительских элементах.

✅ Пример:

<div onclick="alert('Div clicked!')">
    <button onclick="event.stopPropagation(); alert('Button clicked!')">Click me</button>
</div>

📌 При клике на кнопку сработает только alert('Button clicked!'), но alert('Div clicked!') не появится, так как всплытие остановлено.

stopPropagation() удобно использовать, если внутри родительского элемента есть вложенные кликабельные элементы, но их события не должны влиять на родителя.

Gooey SVG Filter Button

Анимированная кнопка с эффектом при наведении

Laravel 12. Что нового?

Laravel 12 уже здесь! Основной акцент — плавное обновление без правок кода. Поддержка до 2027 года, два года обновлений и исправлений. Разбираем, что нового и насколько легко обновиться.

Scroll-Driven Glow Cards

Светящиеся карточки, меняющие цвет при скролле

Выучить Frontend бесплатно и быстро вообще реально?

Ещё как ДА! Нашли для вас канал, в котором каждый день публикуют полезные статьи, разборы интервью, готовые приложения и код.

С полного нуля дойти до оффера Джуна можно всего за месяц, а за полгода до Мидла.

Сэкономь время и деньги: Frontend

React и графики: 8 библиотек для визуализации данных

Какая библиотека лучше для графиков в React? Разбираем Recharts, Visx, Nivo, ECharts и другие: их возможности, плюсы и минусы. Поможем выбрать оптимальный инструмент для ваших задач.

🫠 Fluid Simulation

Сцена с интересной симуляцией жидкости с текстом.