JavaScript в браузере
5 минутСписок с кнопкой «Показать ещё»: доступная реализация на HTML, CSS и JavaScript
Создаём список меток с показом и скрытием дополнительных пунктов, сохраняя семантику, клавиатуру и работу без JavaScript.
Архив
Тема: Доступность
Современная HTML-разметка
5 минутTextarea в HTML: многострочное поле ввода без типичных ошибок
Как создать доступное textarea, настроить ограничения и стили, отличить readonly от disabled и добавить автоподстройку высоты.
Современная HTML-разметка
5 минутТег aside в HTML: когда дополнительному содержимому нужен отдельный элемент
Разбираем назначение aside, отличие от боковой колонки и примеры доступной разметки дополнительных материалов.
Современная HTML-разметка
6 минутСемантические теги HTML: как разметить структуру страницы
Разбираем семантические элементы HTML, их назначение и типичные ошибки на примере полноценной страницы.
Современная HTML-разметка
7 минутКак HTML-форма отправляет данные и как безопасно обработать их на сервере
Путь данных от элементов формы до PHP: action, method, имена полей, GET и POST, валидация, CSRF и безопасный вывод ошибок.
Современная HTML-разметка
4 минутыКак задать цвет текста на странице: CSS-свойство color
Современные способы задать цвет текста через CSS: форматы цветов, наследование, переменные, состояния ссылок и контраст.
Современная HTML-разметка
5 минутЗаголовки h1–h6 в HTML: как построить понятную иерархию
Практическое руководство по уровням заголовков HTML, доступности, SEO и типичным ошибкам структуры.
CSS: каскады и оформление
4 минутыHover-эффекты для кнопок в CSS: состояния без вреда для доступности
Как оформить :hover, :focus-visible и :active у кнопки, добавить плавный переход и учесть сенсорные устройства и reduced motion.
CSS: каскады и оформление
4 минутыФон текстового блока в CSS: цвет, градиент, изображение и читаемость
Как оформить фон карточки или текстового блока, сохранить контраст, отступы и устойчивость при длинном содержимом.
CSS: каскады и оформление
4 минутыСтилизация текста в CSS: шрифт, размер, интерлиньяж и читаемость
Практическое руководство по типографике CSS: семейство, размер, насыщенность, высота строки, длина строки и адаптивный текст.