Code Ready | Frontend

Почему “едут” размеры некоторых элементов? По умолчанию (box-sizing: content-box) width и height задают только размер контента, без учёта padding и border. Из-за этого элементы становятся больше, чем

☕️ Наткнулся на отличную статью на Хабре — создание форм входа и регистрации без единой строчки JavaScript! В статье: • Как с помощью HTML5 и CSS3 сделать переключение между формами через :target. •

👍 JavaScript Interview Questions — база вопросов для подготовки к собеседованиям! Репозиторий с огромной подборкой вопросов от базовых тем до продвинутых концепций. Собраны сотни вопросов по замыкан

(без текста)

Почему прыгает layout при открытии модалки? Когда появляется вертикальный скролл, браузер добавляет scrollbar — из-за этого меняется ширина viewport и интерфейс смещается. Особенно заметно при модалк

👩‍💻 Динамичный фон карточки! Иногда обычной рамки недостаточно — элементу не хватает динамики и акцента. В этом приёме граница становится анимированной и вращается вокруг элемента. Как работает: •

🐱 HTMLCheatSheet — интерактивная шпаргалка по JavaScript! Здесь собраны основные конструкции JS с готовыми примерами кода. Переменные, циклы, условия, массивы, строки, события, работа с датами и даж

navigator.sendBeacon для отправки данных при закрытии страницы! Если нужно отправить аналитику или финальные данные сессии, обычные HTTP-запросы могут не успеть выполниться — пользователь закрыл вкла

(без текста)

❤️ Design Resources for Developers — огромная база бесплатных ресурсов для UI и дизайна! В репозитории собраны сотни инструментов и материалов, которые помогают в дизайне: иконки, шрифты, цветовые па