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

  • Divitis

    Избыточное применение элементов div там, где уместнее семантические HTML-теги или более простая структура документа.

  • DOCTYPE

    Декларация в начале HTML-документа, сообщающая браузеру тип документа и включающая стандартный режим отображения.

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

  • RICG Responsive Images Community Group (RICG)

    Сообщество, участвовавшее в разработке стандартов адаптивных изображений для веба.

  • Rowspan

    HTML-атрибут, определяющий, сколько строк таблицы занимает одна ячейка. `rowspan` объединяет ячейки по вертикали, растягивая одну на несколько строк.

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

    Способ растягивания графического элемента, при котором углы сохраняют размер, края растягиваются по одной оси, а центр заполняет оставшуюся область.

Что будем искать? Например,Продвижение

Этот сайт использует куки-файлы. Оставаясь на сайте, Вы соглашаетесь на их использование. Для получения дополнительной информации, пожалуйста, ознакомьтесь с политикой в отношении персональных данных.