Фронтенд Гайд

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

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

✅ Пример:

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

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

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

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

Онлайн-магистратура с IT специальностями от Яндекса Совместно с ИТМО, МИФИ, МФТИ. Онлайн-магистратура с актуальными программами и гибким графиком обучения. Получите высокооплачиваемую IT профессию, официальный диплом и практические знания. Господдержка оплаты. Совмещение с работой! Узнать больше #реклама 16+ О рекламодателе

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

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

Interactive Gradient Анимированный фон с интерактивным градиентом

❓ Зачем нужен атрибут readonly в HTML и когда его использовать? Атрибут readonly делает поле формы доступным для просмотра, но запрещает его редактирование. Это полезно, когда нужно показать пользователю данные без возможности их изменения. ✅ Пример:

<input type="text" value="Только для чтения" readonly>

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

Silky smooth SVG link effects with GSAP Набор кнопок со стильными эффектами при нажатии

⚡️ Frontend теперь в Telegram! Ребята создали крутейший канал, где на простых картинках и понятном языке обучают фронтенд-разработке, делятся полезными инструментами и фишками Подписывайтесь: @FrontendPortal

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