Меню для отзывчивого интерфейса без скриптов

В этой статье мы расскажем как создать отзывчивое меню по принципу mobile-first, используя только HTML и CSS — без JavaScript. Полный код, используемый в этой статье, доступен в репозитории на GitHub.

Radios With Sliding Focus

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

Как фронтендеру сделать интерфейс дружелюбнее к пользователю. Коллекция HTML/CSS лайфхаков

В статье собраны простые HTML и CSS лайфхаки для улучшения интерфейсов: минимум кода, максимум пользы. Проверено на себе — пользователи счастливы, а глаза радуются

Developer or Designer?

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

❓ Зачем нужен атрибут crossorigin в HTML и когда его использовать?

Атрибут crossorigin используется для управления политикой совместного использования ресурсов между разными источниками (CORS).

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

✅ Пример:

<img src="https://example.com/image.jpg" crossorigin="anonymous" alt="Картинка">

📌 В этом примере браузер попытается загрузить изображение с другого домена, но без передачи учётных данных пользователя.

crossorigin удобно использовать при работе с внешними ресурсами, чтобы избежать проблем с безопасностью и соблюсти политику CORS.

n8n – от шаблонов и nodes до автоматизации AI agent и Telegram бота

В статье рассказывают, как n8n упрощает автоматизацию без лишнего кода: от простых уведомлений до сложных интеграций с ИИ и API. Гибкость, расширяемость и живые примеры.

On-Scroll Fire Transition

Красивая анимация горения страницы при скролле

Rollback Toggle

Переключатель с имитацией физики

Веб-разработка на ванильном HTML, CSS и JavaScript

В статье объясняют, как делать веб-приложения без фреймворков: чистые HTML, CSS и JavaScript вместо сложных инструментов — минимализм как способ избежать лишней поддержки

Step Indicator

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