Code Ready | Frontend

👍 Proglang — отличный ресурс для изучения html/css! Здесь по шагам объясняют, как создаются html-страницы, как работают теги, формы, таблицы, семантика. А также как оформлять всё это с помощью CSS:

👩‍💻 Создаём нативные модальные окна! Тег <dialog> предназначен для создания диалоговых окон и модалок прямо в HTML, по умолчанию не показывается на странице. Основные возможности <dialog>: • метод

👩‍💻 Смещение якорей через scroll-margin-top! Когда на странице есть position: sticky фиксированная шапка, переход по якорю почти всегда ломается. Контент прокручивается, но заголовок уезжает под

👩‍💻 Когда нужно быстро показать свой код коллегам! Live Share — позволяет делиться сессией VS Code в реальном времени: другой человек видит твой проект, может перемещаться по файлам, писать код, за

👩‍💻 Пишем кастомный курсор! Курсор — это элемент, который постоянно находится в фокусе внимания пользователя. Даже небольшая замена указателя может сразу задать контекст взаимодействия. Как работа

(без текста)

👩‍💻 Точность и согласованность кода благодаря функции автозаполнения! IntelliCode — улучшает автодополнение в VS Code: предлагает варианты на основе контекста, типа данных и того, что ты уже написа

(без текста)

📱 Chips Input — теги как в Notion / Gmail! Привет! В этом гайде создаём поле ввода, которое превращает текст в аккуратные теги по нажатию Enter и поддерживает удаление с клавиатуры. Ключевые момент

(без текста)