Гид по технологиям

Вёрстка

Перенос длинных слов в CSS
Вёрстка 4 min read

Перенос длинных слов в CSS

Короткие инструкции: примените overflow-wrap или word-wrap со значением break-word, используйте при необходимости word-break или hyphens, добавьте ограничения ширины и тесты. Это предотвратит выход слов за границы контейнеров и сохранит аккуратный DOM.

Вложенные стили в CSS: практический гайд
Вёрстка 6 min read

Вложенные стили в CSS: практический гайд

Вложенные стили позволяют писать CSS, отражающий структуру HTML. Нативная вложенность требует использования & для ссылки на родителя; проверяйте совместимость и не делайте глубокой вложенности.

Прилипающий заголовок на CSS — руководство
Вёрстка 4 min read

Прилипающий заголовок на CSS — руководство

Прилипающий (sticky) заголовок остаётся видимым при прокрутке и улучшает навигацию. Реализуется через position: sticky и требует проверки доступности и наложений.

Фигуры на чистом CSS: базовые и продвинутые
Вёрстка 5 min read

Фигуры на чистом CSS: базовые и продвинутые

Краткое руководство по созданию форм на CSS: используйте width/height для прямоугольников, border-radius для кругов, бордеры с width/height=0 для треугольников и ::before/::after + transform для сложных фигур. Выбирайте SVG, когда нужна точность.