Code Ready | Frontend

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

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

📂 Напоминалка по работе с числами! Например, .value у input всегда возвращает строку, из-за чего выражение вроде value + 1 превращается в конкатенацию. А parseInt() может неожиданно обрезать значени

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

👩‍💻 Hover-превью без перерасчёта layout! В интерфейсах часто нужно показать дополнительную информацию при наведении. Проблема в том, что обычное раскрытие ломает layout и вызывает скачки элементов.

👩‍💻 Нужно открыть PDF, не выходя из редактора? vscode-pdf — позволяет просматривать PDF-файлы прямо в VS Code: без сторонних приложений и переключений между окнами. Можно быстро открыть документаци

👩‍💻 Атрибут aria-label — доступность без лишней разметки! Это атрибут для screen reader’ов, который задает текстовое описание элемента для пользователей с нарушениями зрения. Есть теги и роли, для

Почему 1fr ведёт себя не так, как ожидается? Многие думают, что 1fr — это занять всё доступное пространство. На практике трек с 1fr часто упирается в минимальный размер контента (min-content) и не сж

📂 Шпаргалка Flexbox позиционирования! Flexbox — позволяет контролировать размер, порядок и выравнивание элементов по нескольким осям, распределение свободного места между элементами и многое другое.

Почему includes() часто удобнее, чем indexOf()! Когда нужно просто проверить, есть ли значение в массиве, многие до сих пор пишут так: const arr = [1, 2, 3]; if (arr.indexOf(2) !== -1) { console.l