Frontend
В разделе 273 термина
Раздел посвящён клиентской части сайтов и веб-приложений, с которой непосредственно взаимодействует пользователь. В нём раскрываются понятия из HTML, CSS, JavaScript, дизайна интерфейсов, адаптивной вёрстки, доступности и браузерных технологий. Материалы помогают лучше понимать устройство страниц, требования к макетам и работу интерактивных элементов. Термины, уже описанные в разделе Backend, повторно сюда не включены.
Термины раздела «Frontend»
А
-
Адаптивный дизайн
adaptive design
Подход, при котором для заранее выбранных диапазонов экранов подготавливают несколько отдельных вариантов компоновки интерфейса.
-
Анимация
animation
Последовательное изменение визуальных свойств элемента во времени, создающее эффект движения или трансформации.
-
Атрибут
attribute
Дополнительная характеристика HTML-элемента, записанная в открывающем теге и уточняющая его поведение или значение.
Б
-
Базовая линия
baseline
Условная линия, относительно которой выравнивается текст и строчные элементы в одной строке.
-
Блочная модель
box model
Модель расчёта размеров элемента из содержимого, внутренних отступов, границ и внешних отступов.
-
Блочный элемент
block
Элемент, который в обычном потоке формирует отдельный прямоугольный блок и, как правило, занимает доступную ширину.
-
Боковая панель
sidebar
Дополнительная область интерфейса сбоку от основного содержимого для навигации, фильтров или вспомогательных блоков.
-
Бокс внешнего отступа
margin box
Внешняя область блочной модели, включающая размер элемента вместе с его margin.
-
Браузер
browser
Программа, которая запрашивает веб-ресурсы, интерпретирует HTML, CSS и JavaScript и отображает результат пользователю.
-
Браузерный движок
browser engine
Компонент браузера, который разбирает документы, рассчитывает стили и компоновку, а затем организует отрисовку страницы.
-
Бюджет производительности
performance budget
Заранее установленный предел для размера ресурсов, времени загрузки или других показателей быстродействия.
В
-
Валидатор
validator
Инструмент, проверяющий код или данные на соответствие синтаксису, спецификации и установленным правилам.
-
Валидный код
valid
Код или документ, соответствующий синтаксису и обязательным правилам используемой спецификации.
-
Веб-сайт
website, web site
Связанный набор веб-страниц и ресурсов, доступный под одним доменом или общей идентичностью.
-
Веб-стандарты
web standards
Открытые спецификации, обеспечивающие совместимое устройство и поведение веб-технологий.
-
Вендорные файлы
vendor files
Сторонние библиотеки и зависимости, поставляемые отдельно от собственного кода проекта.
-
Вендорный префикс
vendor prefix
Приставка в имени CSS-свойства или значения, которой браузер обозначал экспериментальную собственную реализацию.
-
Вертикальное выравнивание
vertical-align
CSS-свойство выравнивания строчных и табличных элементов относительно базовой линии или ячейки. `vertical-align` действует на инлайн- и table-cell элементы, а не на блоки в потоке.
-
Вкладка интерфейса
tab
Элемент навигации, переключающий видимую панель содержимого внутри одной области.
-
Включённое состояние
enabled
Состояние, в котором элемент или функция доступны и готовы реагировать на действия.
-
Включить
enable
Активировать возможность, настройку или элемент управления.
-
Вложенность
nesting
Размещение одних конструкций внутри других, например HTML-элементов, CSS-правил или компонентов.
-
Вложенный
nested
Расположенный внутри другой структуры, правила, элемента или компонента.
-
Внешний отступ
margin
Прозрачное пространство за границей элемента, отделяющее его от соседних блоков.
-
Внутренние размеры
intrinsic dimensions
Естественные ширина, высота или соотношение сторон ресурса до применения внешних ограничений CSS.
-
Внутренний отступ
padding
Пространство между содержимым элемента и его границей.
-
Всплывающая подсказка
tooltip
Небольшое пояснение, появляющееся рядом с элементом при наведении, фокусе или длительном касании.
-
Вспышка неоформленного содержимого
flash of unstyled content
Краткое отображение страницы без окончательных стилей до загрузки или применения CSS.
-
Выпадающий список
dropdown
Элемент интерфейса, раскрывающий дополнительный список вариантов или команд после активации.
-
Выравнивание текста
text-align
CSS-свойство горизонтального расположения строк текста внутри блока. `text-align` выравнивает текст по левому, правому краю, центру или по ширине.
-
Высота
height
Вертикальный размер области, элемента или изображения.
Г
-
Генерируемое содержимое
generated content
Текст или графика, добавляемые CSS через псевдоэлементы и свойство content без изменения HTML-разметки.
-
Глубокое сравнение
deep comparison
Сопоставление не только самих объектов, но и всех вложенных значений их структуры.
-
Градиент
gradient
Плавный переход между двумя или несколькими цветами, создаваемый браузером как CSS-изображение.
-
Граница элемента
border
Линия вокруг области содержимого и внутренних отступов элемента, для которой задаются толщина, стиль и цвет.
-
Группа полей
fieldset
HTML-элемент, объединяющий связанные элементы формы в логическую группу.
Д
-
Движок
engine
Основная программная часть, которая интерпретирует код или данные и выполняет соответствующие операции.
-
Дизайн интерфейса
design
Проектирование внешнего вида, структуры взаимодействия и визуальной системы цифрового продукта.
-
Длина
length
Числовое значение с единицей измерения, используемое в CSS для размеров, отступов и координат.
-
Доступность интерфейса
accessibility (a11y)
Практика создания сайтов и приложений, которыми могут полноценно пользоваться люди с разными физическими, сенсорными и когнитивными особенностями.
-
Дочерний элемент
child element
Элемент DOM, непосредственно вложенный внутрь другого, родительского элемента.
Е
-
Единица em
em
Относительная CSS-единица, равная вычисленному размеру шрифта самого элемента или его родителя в зависимости от свойства.
-
Единица rem
rem
Относительная CSS-единица, основанная на размере шрифта корневого элемента документа.
-
Единица измерения
unit
Обозначение масштаба числового значения, например px, em, rem, vw или процент.
Ж
-
Жест масштабирования
pinch
Касание двумя пальцами, расстояние между которыми меняют для увеличения или уменьшения содержимого.
З
-
Заголовок документа
title
Название страницы, вкладки, блока или другого объекта, описывающее его содержание.
-
Запрос поддержки функции
feature query
CSS-условие @supports, позволяющее применять правила только при наличии поддержки определённой возможности браузером.
-
Значение CSS
value
Данные, присваиваемые CSS-свойству и определяющие конкретный результат его применения.
И
-
Идентификатор фрагмента
fragment identifier
Часть адреса после символа #, указывающая на конкретный участок документа или состояние клиентского приложения.
-
Изоляция компоновки
containment
CSS-механизм, ограничивающий влияние внутреннего содержимого элемента на размеры, стили или отрисовку остальной страницы.
-
Иконочный шрифт
icon font
Шрифт, в котором вместо обычных букв используются векторные пиктограммы интерфейса.
-
Иллюстрация
figure
Самостоятельный фрагмент контента — изображение, схема, листинг или таблица — который может иметь подпись.
-
Индикатор прогресса
progress bar
Визуальный элемент, показывающий степень выполнения длительной операции или прохождения этапов.
-
Интернационализация
i18n
Подготовка продукта к поддержке разных языков, форматов дат, направлений письма и региональных правил без переработки архитектуры. i18n закладывает возможность перевода и адаптации ещё на этапе разработки.
-
Источник каскада
cascade origin
Категория происхождения CSS-правил: стили браузера, пользователя, автора страницы, анимации или переходы.
К
-
Кадровая анимация
keyframe animation
Анимация, ход которой определяется набором ключевых состояний и промежуточным вычислением значений.
-
Кандидат в рекомендации
Candidate Recommendation (CR)
Стадия спецификации W3C, на которой документ считается достаточно зрелым для проверки реализациями.
-
Карта исходного кода
source map
Файл соответствий между преобразованным кодом и исходниками, позволяющий отлаживать минифицированные или собранные файлы.
-
Каскад CSS
cascade
Система выбора итогового значения CSS-свойства с учётом источника стилей, важности, слоя, специфичности и порядка правил.
-
Кастомный
custom
Созданный или изменённый специально под конкретную задачу вместо использования стандартного варианта.
-
Кернинг
kerning
Индивидуальная корректировка расстояния между отдельными парами символов для визуально ровного набора.
-
Клиентская сторона
client-side
Часть веб-приложения, код которой выполняется на устройстве пользователя, обычно внутри браузера.
-
Клик
click
Событие активации элемента указателем, которое обычно возникает после нажатия и отпускания кнопки мыши.
-
Ключевой кадр
keyframe
Точка CSS-анимации, в которой зафиксированы значения изменяемых свойств на определённой стадии.
-
Кнопка
button
Интерактивный элемент управления, запускающий действие после нажатия, касания или активации с клавиатуры.
-
Комбинатор CSS
combinator
Символ или последовательность символов в селекторе, задающая отношение между элементами, например вложенность или соседство.
-
Комментарии в коде
comment
Поясняющий фрагмент исходного текста, игнорируемый браузером или интерпретатором при выполнении.
-
Композитинг
compositing
Финальная сборка визуальных слоёв страницы в единое изображение перед выводом на экран.
-
Композитный слой
composite layer
Отдельный графический слой, который браузер может перемещать или преобразовывать без полной перерисовки страницы.
-
Композитор браузера
compositor
Подсистема, объединяющая подготовленные графические слои и выводящая итоговый кадр на экран.
-
Компонент интерфейса
component
Самостоятельный повторно используемый фрагмент интерфейса со своей структурой, стилями, состоянием и поведением.
-
Компоновка
layout
Рассчитанное расположение и размеры элементов страницы в доступном пространстве.
-
Контейнерный запрос
container query
CSS-условие, применяющее стили в зависимости от размеров или характеристик родительского контейнера, а не окна браузера.
-
Контекст наложения
stacking context
Локальная система упорядочивания элементов по глубине, внутри которой действует z-index.
-
Контекст форматирования
formatting context
Набор правил, по которым браузер размещает и взаимодействует с элементами внутри конкретной области документа.
-
Контур
outline
Линия вокруг элемента, не участвующая в расчёте его размеров и часто используемая для обозначения клавиатурного фокуса.
-
Контур обрезки
clipping path
Геометрическая область, определяющая, какая часть элемента остаётся видимой, а какая скрывается.
-
Корневой элемент
root
Верхний элемент дерева документа, относительно которого определяются глобальные структуры и некоторые значения.
-
Корни секционирования
sectioning roots
HTML-элементы, внутри которых структура заголовков рассматривается как самостоятельная для целей разметки.
-
Короткое вычисление
short-circuit evaluation
Вычисление логического выражения, прекращаемое сразу после того, как итог уже можно определить.
-
Коэффициент пикселей
pixel ratio
Отношение физических пикселей устройства к логическим пикселям интерфейса.
-
Кроссбраузерность
cross-browser
Способность интерфейса корректно работать и выглядеть в разных браузерах и их версиях.
-
Кроссплатформенность
cross-platform
Способность продукта функционировать в нескольких операционных системах, устройствах или средах.
Л
-
Легенда группы
legend
Заголовок группы элементов формы, помещённой внутрь fieldset.
-
Ленивая загрузка
lazy loading
Отложенная загрузка ресурса до момента, когда он приблизится к видимой области или действительно понадобится.
-
Локализация
l10n
Адаптация уже интернационализированного продукта к конкретному языку, культуре и региональным форматам.
М
-
Макет-мокап
mock-up
Статичное или частично интерактивное представление будущего интерфейса для обсуждения структуры и внешнего вида.
-
Масштабирование
scale
Геометрическое увеличение или уменьшение элемента относительно исходных размеров.
-
Матрица трансформации
matrix
Числовое представление геометрического преобразования, объединяющее перенос, масштабирование, поворот и наклон.
-
Медиазапрос
media query
CSS-условие, выбирающее стили по характеристикам устройства или среды вывода, например ширине экрана.
-
Медиафункция
media feature
Проверяемая характеристика устройства или области просмотра, например width, orientation или prefers-color-scheme.
-
Межбуквенный интервал
letter-spacing
CSS-свойство, изменяющее дополнительное расстояние между символами текста. `letter-spacing` растягивает или сжимает набор, влияя на читаемость и настроение текста.
-
Межсловный интервал
word-spacing
CSS-свойство, добавляющее или уменьшающее расстояние между словами. `word-spacing` влияет на плотность и ритм текста, дополняя межбуквенный интервал.
-
Межстрочный интервал
line-height
Высота строки текста, определяющая вертикальное пространство между базовыми линиями соседних строк.
-
Метка поля
label
Текстовая подпись, программно связанная с элементом формы и поясняющая назначение вводимых данных.
-
Метрики прогрессивного веба
progressive web metrics
Показатели, оценивающие, насколько быстро страница становится визуально готовой и пригодной для взаимодействия.
-
Миксин
mixin
Повторно используемый набор правил или операций, который препроцессор либо фреймворк подставляет в разные компоненты.
-
Миниатюра
thumbnail
Уменьшенная копия изображения или документа для предварительного просмотра.
-
Многоколоночная вёрстка
multiple columns
CSS-механизм автоматического распределения одного потока содержимого по нескольким вертикальным колонкам.
-
Многострочное поле
textarea
Элемент формы для ввода текста, занимающего несколько строк.
-
Множественный выбор
multiple
Режим элемента формы, разрешающий выбрать или передать несколько значений.
-
Модальное окно
modal
Диалог поверх основного интерфейса, требующий завершить или отменить действие перед возвратом к странице.
Н
-
Набор CSS-правил
rule-set
Селектор вместе с блоком деклараций, определяющих оформление выбранных элементов.
-
Наклон
skew
Геометрическое преобразование, сдвигающее точки элемента пропорционально их координате по другой оси.
-
Неизменяемость
immutable
Свойство значения или структуры, при котором после создания её состояние не изменяют, а создают новую версию.
-
Непрерывная интеграция
continuous integration
Практика частого объединения изменений с автоматической сборкой и проверками после каждого обновления кода.
-
Непрозрачность
opacity
Степень видимости элемента от полной прозрачности до полного перекрытия фона.
-
Непрозрачный
opaque
Полностью перекрывающий находящееся под ним содержимое, без видимой прозрачности.
О
-
Область просмотра
viewport
Видимая часть веб-страницы в окне браузера или на экране устройства.
-
Обходное решение
workaround
Временный нетипичный способ обойти ошибку, ограничение или несовместимость без устранения первопричины.
-
Общий ресурс
shared
Данные, состояние или код, доступные нескольким компонентам, процессам либо участникам системы.
-
Ограничивающий прямоугольник
bounding box
Минимальная прямоугольная область, полностью охватывающая визуальное представление элемента.
-
Остаточные параметры
rest parameters
Синтаксис JavaScript, собирающий оставшиеся аргументы функции в массив.
-
Отзывчивый дизайн
responsive design
Вёрстка, которая непрерывно подстраивается под доступное пространство с помощью гибких размеров, сеток и медиазапросов.
-
Отключённое состояние
disabled
Состояние элемента, в котором он не принимает обычные пользовательские действия и часто визуально приглушён.
-
Отключить
disable
Сделать функцию или элемент управления временно недоступными для использования.
-
Отладчик
debugger
Инструмент для пошагового выполнения кода, просмотра переменных, вызовов и точек остановки.
-
Относительные цвета
relative colors
CSS-синтаксис создания нового цвета на основе каналов исходного цвета с их изменением или перестановкой.
-
Отправка формы
submit
Действие передачи введённых данных формы обработчику на клиенте или сервере.
-
Очистка обтекания
clear
CSS-механизм, запрещающий элементу располагаться рядом с плавающими блоками с указанной стороны.
П
-
Пагинация
pagination
Разделение длинного списка материалов на последовательные страницы с навигацией между ними.
-
Паттерн интерфейса
pattern
Повторяемое проверенное решение распространённой задачи проектирования или взаимодействия.
-
Переключатель
radio button
Элемент формы, позволяющий выбрать ровно один вариант из связанной группы.
-
Переключение
toggle
Изменение состояния между двумя или несколькими фиксированными вариантами.
-
Переменные единицы
variable units
Относительные единицы, величина которых зависит от шрифта, окна, контейнера или другой изменяемой базы.
-
Перемещение
translate
Геометрическое преобразование, сдвигающее элемент по горизонтали, вертикали или глубине.
-
Перерасчёт компоновки
reflow
Повторное вычисление размеров и положения элементов после изменения DOM, стилей или окна.
-
Перерисовка
repaint
Обновление визуального слоя элемента после изменения цвета, тени или другого свойства без обязательного пересчёта геометрии.
-
Пересчёт стилей
recalculate
Повторное определение вычисленных CSS-значений после изменения классов, DOM, среды или таблиц стилей.
-
Перетаскивание
drag and drop
Способ взаимодействия, при котором пользователь захватывает объект указателем и переносит его в другую область интерфейса.
-
Персистентная структура данных
persistent data structures
Структура, сохраняющая доступ к предыдущим версиям после создания изменённого варианта.
-
Пиксель
pixel
Минимальный дискретный элемент растрового изображения или физического экрана.
-
Плавная деградация
graceful degradation
Подход, при котором современный интерфейс сохраняет основную функциональность в старых или ограниченных браузерах.
-
Плотность пикселей
pixel density
Количество физических пикселей на единицу длины экрана.
-
Плотность пикселей устройства
device pixel ratio
Отношение количества физических пикселей экрана к одному CSS-пикселю.
-
Поверхностное сравнение
shallow comparison
Сравнение только верхнеуровневых значений или ссылок без рекурсивного обхода вложенных объектов.
-
Подвал страницы
footer
Нижняя смысловая область страницы или раздела, где часто размещают контакты, навигацию и служебную информацию.
-
Подложка
backdrop
Область позади полноэкранного или модального элемента, которую можно отдельно стилизовать и использовать для затемнения страницы.
-
Подпись иллюстрации
figcaption
HTML-элемент с пояснением к содержимому ближайшего родительского figure.
-
Позиционирование
position
CSS-механизм размещения элемента в обычном потоке либо по координатам относительно выбранной области.
-
Поле ввода
input
Элемент формы для ввода или выбора данных, тип которого задаёт допустимый формат и поведение.
-
Ползунок
thumb
Перемещаемая часть полосы прокрутки или другого элемента управления диапазоном.
-
Полноэкранный режим
full screen
Состояние, в котором выбранный элемент или приложение занимает всю доступную область экрана.
-
Полоса прокрутки
scrollbar
Элемент интерфейса, показывающий положение в прокручиваемой области и позволяющий перемещаться по ней.
-
Пользовательские свойства CSS
CSS custom properties
Переменные, объявляемые в CSS с именем вида --name и используемые через функцию var() для повторного применения значений.
-
Последнее обращение
Last Call (LC)
Историческая стадия спецификации W3C, после которой рабочая группа ожидала финальные замечания перед дальнейшим продвижением.
-
Почти стандартный режим
almost standards mode
Режим браузера, близкий к стандартному, но сохраняющий отдельные исторические особенности расчёта размеров для старой разметки.
-
Предлагаемая рекомендация
Proposed Recommendation (PR)
Стадия спецификации W3C, на которой документ передаётся на окончательное утверждение участникам консорциума.
-
Пробельные символы
whitespace
Пробелы, переводы строк, табуляции и другие невидимые символы, разделяющие части кода или текста.
-
Проверка изменений
dirty checking
Метод обнаружения обновлений через повторное сравнение текущего состояния с предыдущим.
-
Проверочное утверждение
assert
Проверка предположения в коде или тесте, которая сообщает об ошибке, если ожидаемое условие не выполнено.
-
Прогрессивное улучшение
progressive enhancement
Подход, начинающийся с доступной базовой версии и добавляющий расширенные возможности только там, где они поддерживаются.
-
Производительность интерфейса
performance
Скорость загрузки, отрисовки и реакции страницы при рациональном использовании ресурсов устройства.
-
Прокрутка
scroll
Перемещение видимой области по содержимому, которое не помещается целиком на экране.
-
Процентное значение
percentage
Относительное CSS-значение, вычисляемое как доля определённой базовой величины.
-
Псевдокласс
pseudo-class
Часть CSS-селектора, выбирающая элемент по состоянию, положению или другой характеристике без добавления класса в HTML.
-
Псевдоэлемент
pseudo-element
Часть CSS-селектора, обращающаяся к условному фрагменту элемента или создающая дополнительную визуальную область.
Р
-
Рабочий черновик
Working Draft (WD)
Публичная ранняя версия спецификации W3C, которая ещё может существенно измениться.
-
Реализация
implement
Практическое воплощение интерфейса, алгоритма, требования или спецификации в работающем коде.
-
Редакторский черновик
editor's draft (ED)
Текущая рабочая версия веб-спецификации, которую редакторы обновляют до публикации формального снимка.
-
Реестр пакетов
registry
Сервис хранения и публикации пакетов, из которого менеджер зависимостей загружает нужные версии.
-
Режим принудительных цветов
forced colors mode
Режим ОС или браузера, заменяющий авторские цвета системной палитрой для повышения читаемости и контрастности.
-
Режим смешивания
blending mode
Алгоритм, определяющий, как цвет элемента объединяется с цветами расположенных под ним слоёв.
-
Режим совместимости
quirks mode
Особый режим браузера, имитирующий устаревшие правила вёрстки для старых документов без корректного doctype.
-
Резервный вариант
fallback
Альтернативный ресурс, значение или поведение, используемое, когда основной вариант недоступен или не поддерживается.
-
Рекомендация W3C
Recommendation (REC)
Опубликованная W3C стабильная спецификация, прошедшая процесс согласования и рекомендованная к реализации.
-
Рендеринг
rendering
Процесс преобразования структуры документа и стилей в пиксели, отображаемые на экране.
-
Ресурс интерфейса
asset
Файл, используемый страницей или приложением: изображение, шрифт, иконка, таблица стилей, скрипт либо другой статический материал.
-
Родительский элемент
parent
Узел, непосредственно содержащий один или несколько дочерних элементов.
-
Руководство по стилю
style guide
Документ с согласованными правилами кода, дизайна, терминологии и использования компонентов.
С
-
Сброс стилей
CSS reset
Набор правил, уменьшающий различия стандартного оформления HTML-элементов между браузерами.
-
Свайп
swipe
Жест быстрого перемещения пальца по сенсорному экрану для прокрутки, переключения или другого действия.
-
Свойство display
display
CSS-свойство, определяющее тип внешнего и внутреннего расположения элемента, например block, inline, flex или grid.
-
Связывание данных
data binding
Автоматическая синхронизация данных приложения с отображающими их элементами интерфейса.
-
Селектор
selector
Выражение CSS, определяющее, к каким элементам документа следует применить набор стилей.
-
Селектор ключевого кадра
keyframe selector
Обозначение процента времени или ключевое слово from/to внутри правила @keyframes.
-
Семантика
semantics
Смысл, который элемент, атрибут или конструкция передают браузеру, разработчику и вспомогательным технологиям.
-
Семантическая разметка
semantic markup
Использование HTML-элементов в соответствии с их смыслом, чтобы структуру понимали браузеры, поисковые системы и вспомогательные технологии.
-
Сенсорный интерфейс
touch interface
Интерфейс, рассчитанный на управление касаниями, жестами и экранной клавиатурой.
-
Серверная сторона
server-side
Часть веб-системы, выполняемая на сервере до отправки результата клиенту.
-
Символьная ссылка
character reference
Запись HTML вида &name; или &#code;, позволяющая вставить специальный либо недоступный с клавиатуры символ.
-
Системные исходные цвета
origin colors
Набор цветов, поступающих из пользовательских или системных настроек и используемых в принудительном цветовом режиме.
-
Скаффолдинг
scaffolding
Автоматически созданная начальная структура файлов и типового кода для нового проекта или функции.
-
Скрипт
script
Файл или фрагмент программного кода, выполняющий действия в браузере или другой среде.
-
Скругление углов
border-radius
CSS-свойство, позволяющее сделать углы рамки элемента закруглёнными или эллиптическими. `border-radius` принимает как одно значение для всех углов, так и разные для каждого.
-
Слой каскада
cascade layer
Именованный уровень CSS, позволяющий заранее управлять приоритетом групп стилей независимо от специфичности селекторов.
-
Совместимость реализаций
interoperability
Способность веб-технологии одинаково и предсказуемо работать в разных браузерах и средах.
-
Содержащий блок
containing block
Прямоугольная область, относительно которой рассчитываются размеры и координаты позиционируемого элемента.
-
Содержимое элемента
content
Текст, изображения и другие дочерние узлы, размещённые внутри элемента до учёта отступов и границ.
-
Соседний элемент
sibling
Элемент, имеющий того же непосредственного родителя, что и другой рассматриваемый узел.
-
Спецификация
specification, spec
Формальный документ, описывающий синтаксис, поведение и требования к реализации технологии.
-
Специфичность
specificity
Вес CSS-селектора, участвующий в выборе победившей декларации при одинаковых условиях каскада.
-
Список медиазапросов
media query list
Несколько медиазапросов, разделённых запятыми и работающих как альтернативные условия.
-
Стандартный режим
standards mode
Режим отображения, в котором браузер следует современным спецификациям HTML и CSS.
-
Стиль
style
Набор визуальных правил, применяемых к элементу, компоненту или документу.
-
Стиль списка
list-style
Сокращённое CSS-свойство для вида, положения и изображения маркера списка. `list-style` управляет типом маркера (точка, число), его положением и заменой на изображение.
-
Столбец
column
Вертикальная часть таблицы, сетки или многоколоночной компоновки, объединяющая элементы по одной оси.
-
Строка сетки
row
Горизонтальный ряд ячеек или элементов в таблице и сеточной компоновке.
-
Строковый бокс
line box
Прямоугольная область, которую браузер формирует для содержимого одной строки в контексте строчного форматирования.
-
Строчный элемент
inline element
Элемент, участвующий в строковом потоке и занимающий только необходимое содержимому место.
Т
-
Таблица стилей
stylesheet
Документ или набор правил, описывающих визуальное оформление элементов страницы.
-
Тап
tap
Короткое касание сенсорного экрана, обычно эквивалентное активации кнопки или ссылки.
-
Текст
text
Последовательность символов, отображаемая пользователю и образующая текстовые узлы документа.
-
Тень блока
box-shadow
CSS-эффект, добавляющий одну или несколько внешних либо внутренних теней к прямоугольнику элемента.
-
Тень текста
text-shadow
CSS-свойство, добавляющее к глифам одну или несколько визуальных теней. `text-shadow` задаёт смещение, размытие и цвет тени под буквами.
-
Тестовый сервер
staging server
Среда, максимально похожая на рабочую, где проверяют выпуск перед публикацией для пользователей.
-
Тип носителя
media type
Категория среды вывода в медиазапросе, например screen, print или all.
-
Типографика
typography
Система оформления текста: выбор гарнитур, размеров, интервалов, длины строк и визуальной иерархии.
-
Типографический режим
typographic mode
Набор параметров отображения текста, выбранный для определённой письменности, среды или дизайнерской задачи.
-
Точка перелома
breakpoint
Значение ширины или другой характеристики экрана, при достижении которого меняются правила адаптивной вёрстки.
-
Транспилятор
transpiler
Инструмент, преобразующий исходный код одного уровня или версии языка в другой совместимый вариант.
-
Троттлинг
throttling
Ограничение частоты выполнения функции так, чтобы она запускалась не чаще заданного интервала.
У
-
Узел DOM
node
Элемент дерева документа: тег, текст, комментарий, атрибут либо сам документ.
-
Устаревшая возможность
deprecated
Функция или технология, которую ещё могут поддерживать ради совместимости, но больше не рекомендуют использовать в новом коде.
-
Утилитарный класс
utility
Небольшой CSS-класс, выполняющий одну конкретную задачу оформления.
Ф
-
Флажок
checkbox
Элемент формы, позволяющий независимо включить или выключить один вариант либо выбрать несколько вариантов из группы.
-
Фон
background
Область позади содержимого элемента, для которой можно задать цвет, изображение, градиент, позиционирование и другие параметры.
-
Функция плавности
easing
Математическая зависимость, задающая характер ускорения и замедления CSS-анимации или перехода.
Х
-
Хлебные крошки
breadcrumbs
Навигационная цепочка, показывающая положение текущей страницы в структуре сайта и путь к вышестоящим разделам.
Ц
-
Цвет
color
Визуальная характеристика, задаваемая в вебе именем, числовыми каналами, функцией или ссылкой на системное значение.
-
Цитатный блок
blockquote
HTML-элемент для оформления развёрнутой цитаты, вынесенной из основного текста в отдельный блок.
Ч
-
Число CSS
number
Числовой тип значения CSS без единицы измерения.
Ш
-
Шапка страницы
header
Верхняя смысловая область страницы или раздела, часто содержащая название, логотип, меню и вводную информацию.
-
Ширина
width
Горизонтальный размер элемента, области просмотра или графического ресурса.
-
Шрифт
font
Набор графических начертаний символов с определённым семейством, размером, насыщенностью и стилем.
Э
-
Экранный диктор
screen reader
Программа доступности, озвучивающая текст, структуру и элементы управления интерфейса.
Я
-
Якорь
anchor
Ссылка или точка внутри документа, позволяющая перейти непосредственно к определённому фрагменту страницы.
-
Ячейка таблицы
cell
Отдельная область табличной сетки на пересечении строки и столбца.
A
-
At-ключевое слово
at-keyword
CSS-токен, начинающийся с символа @ и служащий основой имени at-правила.
-
At-правило
at-rule
CSS-конструкция, начинающаяся с символа @ и задающая особое правило, например медиазапрос, подключение шрифта или слой каскада.
B
-
Bikeshedding
bikeshed
Долгое обсуждение простой малозначимой детали вместо решения более сложных и важных вопросов проекта.
C
-
Cellpadding
Устаревший HTML-атрибут, задававший внутренние отступы содержимого ячеек таблицы.
-
Cellspacing
Устаревший HTML-атрибут, определявший расстояние между ячейками таблицы.
-
Classitis
Чрезмерное добавление CSS-классов без необходимости, усложняющее разметку и поддержку стилей.
-
Clearfix
Технический приём, заставляющий контейнер корректно учитывать высоту вложенных плавающих элементов.
-
Colspan
HTML-атрибут, указывающий, сколько столбцов таблицы должна занимать одна ячейка. `colspan` объединяет ячейки по горизонтали, например для общего заголовка над несколькими колонками.
-
CSS Grid
CSS Grid Layout
Двумерная система CSS-компоновки, управляющая строками и столбцами одновременно.
-
CSS Working Group
CSSWG
Рабочая группа W3C, которая разрабатывает и поддерживает спецификации каскадных таблиц стилей.
-
CSS-декларация
declaration
Пара «свойство: значение» внутри блока CSS-правила.
-
CSS-переход
transition
Плавная интерполяция между старым и новым значением CSS-свойства при изменении состояния.
-
CSS-пиксель
CSS pixel
Абстрактная единица длины в веб-интерфейсе, которая может соответствовать нескольким физическим пикселям экрана.
-
CSS-препроцессор
CSS preprocessor
Инструмент, расширяющий CSS переменными, вложенностью, функциями и другими конструкциями с последующей компиляцией в обычные стили.
-
CSS-сетка
grid
Система направляющих строк и столбцов, по которым выравнивают и размещают элементы интерфейса.
-
CSS-трансформация
transform
Изменение координатной системы элемента для перемещения, масштабирования, поворота или наклона без перестройки потока.
-
CSS-фигуры
CSS Shapes
Механизм задания геометрического контура, вокруг которого обтекает текстовое содержимое.
-
CSS-фильтр
filter
Графический эффект, изменяющий отображение элемента, например размытие, яркость, контрастность или оттенок.
D
F
-
Favicon
Небольшой значок сайта, отображаемый во вкладке браузера, закладках и некоторых элементах результатов поиска.
-
Flexbox
Одномерная CSS-модель компоновки, распределяющая элементы вдоль основной и поперечной осей контейнера.
-
Frontend
front-end
Пользовательская часть сайта или приложения: интерфейс, визуальное представление и код, исполняемый в браузере.
H
-
HTML-элемент
element
Структурная единица документа, заданная тегом, атрибутами, содержимым и соответствующим узлом DOM.
M
-
Mobile First
Подход к проектированию, при котором базовый интерфейс создают для небольших экранов, а затем расширяют для более крупных.
-
Mock-объект
mock object
Тестовый заменитель зависимости, который имитирует ответы и позволяет проверять ожидаемые обращения.
P
-
Placeholder
Краткая подсказка внутри пустого поля формы, исчезающая или смещающаяся после ввода значения.
-
Polyfill
Код, реализующий новую веб-возможность в браузерах, где она отсутствует встроенно.
-
Popover
Всплывающая поверх страницы область с дополнительным содержимым, привязанная к управляющему элементу.
-
Popup
Отдельное всплывающее окно или слой, используемый для сообщения, формы, рекламы либо вспомогательного действия.
-
PPI
pixels per inch (PPI)
Количество физических пикселей дисплея на один дюйм.
-
Prolyfill
Экспериментальная реализация предполагаемой веб-возможности, созданная ещё до окончательного утверждения стандарта.
-
Promise
JavaScript-объект, представляющий будущий результат асинхронной операции и позволяющий обработать успех или ошибку.
-
PWA
Progressive Web App (PWA)
Веб-приложение с возможностями, близкими к нативным: установкой, автономной работой, кешированием и интеграцией с устройством.
R
S
-
Shadow DOM
Изолированное дерево DOM внутри веб-компонента, скрывающее внутреннюю разметку и ограничивающее влияние внешних стилей.
-
Shim
Небольшой совместимый слой, адаптирующий старый интерфейс или окружение к ожидаемому поведению.
-
Spread-синтаксис
spread
Синтаксис JavaScript с троеточием, раскрывающий элементы коллекции или свойства объекта в новом контексте.
-
Stub-объект
stub object
Упрощённая тестовая замена зависимости, возвращающая заранее подготовленные значения.
W
-
W3C
World Wide Web Consortium (W3C)
Международная организация, разрабатывающая открытые стандарты и рекомендации для Всемирной паутины.
-
Web Worker
Фоновый поток JavaScript, выполняющий вычисления отдельно от основного потока интерфейса.
-
Worker
Фоновый контекст выполнения, который обрабатывает задачи отдельно от основного потока интерфейса.
-
Worklet
Облегчённый модуль JavaScript, запускаемый браузером в специальном контексте для низкоуровневой отрисовки или обработки.
0–9
-
9-сегментное масштабирование
9-slice scaling
Способ растягивания графического элемента, при котором углы сохраняют размер, края растягиваются по одной оси, а центр заполняет оставшуюся область.

