Оглавление: A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
адаптивный дизайн, подход к дизайну сайтов, учитывающий их адаптацию под различные устройства и условия, противопоставляется распространённому «фиксированному» дизайну только для компьютеров. Из-за незначительной и неявной разницы между терминами responsive и adaptive, оба переводятся как «адаптивный».
почти стандартный режим, режим интерпретации и отображения страницы браузером, в котором браузер целенаправленно отходит от стандартов (как при режиме совместимости) лишь для отдельных особых случаев, используется для страниц с переходными доктайпами HTML 4 и XHTML 1.
- ссылка, гиперссылка между двумя документами.
- якорь, ссылка на элемент в пределах документа, может быть частью гиперссылки.
анимация, плавное изменение визуальных параметров объекта.
ресурс, обычно вспомогательный, как стили и картинки для страницы, напр. site assets — ресурсы сайта.
проверка, условие, которое проверяется, употр. в тестировании, напр. field assert has failed — проверка поля не прошла.
ключ директивы, см. директива
директива, тип объявления, начинающегося со знака @
, напр. @import.
бэке́нд
- область веб-технологий, работающих на сервере.
- внутренняя часть серверной системы, занимается обработкой данных.
фон, напр. background image — фоновое изображение.
базовая линия, воображаемая линия в основании букв в строке.
режим наложения, алгоритм смешивания слоёв, применяемый в графических редакторах или прямо в CSS, напр. overlay blending mode — режим наложения перекрытием.
- блок деклараций, структурная часть объявления. Заключается в фигурные скобки и содержит декларации свойств (или, в случае медиавыражения, блоки стилей).
- блочный вид, см. вид
блочная цитата, HTML-элемент для выделения цитируемой нестрочной области документа. Может содержать атрибут cite
со ссылкой на первоисточник.
рамка, внешняя видимая часть блока, напр. border-left — рамка слева.
скругление рамки, напр., border-radius:3px — скругление рамки на 3 пикселя, border-top-left-radius — скругление верхнего левого угла, см. также скруглённые углы.
блочная модель, система размерностей блока, состоит из содержимого, отступа, рамки и внешнего отступа.
тень (блока), напр. box-shadow is red — тень блока красная.
хлебные кро́шки, вспомогательная навигация на сайте, последовательно отражающая структуру или пройденные шаги.
- точка останова, строка в коде, на которой выполнение скрипта приостанавливается для вызова отладчика.
- контрольная точка, условие, при котором раскладка сайта меняется с одной на другую. Характерно для медиавыражений.
бра́узер
кнопка
- элемент интерфейса, при нажатии отправляющий форму или производящий иное действие
- элемент формы
<button>
или<input type="button">
(такжеsubmit
иimage
).
обратный вызов, исполнение кода по завершению работы функции, напр. pass value in a callback — передай значение в обратном вызове.
кандидат в рекомендации, статус спецификации W3C, один из возможных вариантов для предложенной рекомендации.
ячейка
- структурная единица таблицы.
- элемент таблицы
<td>
или<th>
.
отступ в ячейках таблицы.
расстояние между ячейками таблицы.
чекбо́кс
- элемент интерфейса для выбора одного или нескольких вариантов, напр. checkbox is disabled — чекбокс неактивен.
- элемент формы
<input type="checkbox">
.
классянка, выдуманное заболевание, для которого характерно чрезмерное использование множественных классов: как для оформления, так и для хранения информации.
очистка (потока)
- clear:left — очистка слева
- clear:right — очистка справа
- clear:both — полная очистка
клик, нажатие на объект с помощью курсора мыши или подобного устройства, напр. double click is firing event — двойной клик вызывает событие.
клиентсайд, область технологий, работающих в браузере, часто синоним фронтенда.
замыкание, функция, содержащая в теле ссылки на переменные, объявленные в окружающем коде.
- сущ. код, неисчисл. (как сахар), напр. error in code — ошибка в коде, но не ошибка в кодах (неправильно).
- гл. писать код, верстать, программировать, напр. to code a site — верстать сайт.
объединение столбцов, HTML-атрибут для объединения нескольких ячеек таблицы в одной строке.
столбец, колонка, вертикальная область в таблице, раскладке или тексте.
цвет
комбинатор, специальный символ, использующийся в сложном селекторе для точного указания комбинации DOM-элементов, напр. >
, +
и др. Пробел между селекторами также считается комбинатором.
- descendant combinator — комбинатор потомка,
- child combinator — комбинатор непосредственного потомка,
>
. Также называется дочерним. - adjacent sibling combinator — комбинатор непосредственного соседства,
+
. - general sibling combinator — комбинатор соседства,
~
.
комментарий, пояснение к коду
содержимое
кроссбра́узерный, работающий во всех браузерах, слитно.
кроссплатфо́рменный, работающий во на всех платформах, слитно.
Рабочая группа CSS
cвязывание данных, автоматическая синхронизация данных между двумя сущностями, обычно моделью и представлением.
декларация, объявление свойства и значения.
глубокое сравнение, сравнение двух объектов, при этом производится сравнение структуры объектов и проверяется равенство примитивов содержащихся внутри объектов.
- сущ. дизайн, визуальный облик сайта, может включать принципы взаимодействия и архитектурные решения, напр. new design for a site — новый дизайн для сайта.
- гл. разрабатывать, создавать или проектировать внешний вид и функциональность.
см. pixel ratio
деактивировать
неактивный, состояние элемента формы, в котором его изменение запрещено, напр. disabled button — неактивная кнопка.
вид
- display:none — скрытый вид
- display:block — блочный вид
- display:inline — строчный вид
- display:inline-block — вид строчного блока
диватоз, выдуманное заболевание, для которого характерно использование только элементов <div>
вместо семантически подходящих.
объектная модель документа, дом
докта́йп, конструкция вида <DOCTYPE html>
в начале документа, которая обозначает используемую версию HTML. Используется браузерами для выбора режима (стандартного, почти стандартного или совместимости).
выпадающее меню, элемент интерфейса, раскрывающий дополнительную информациию при активации.
плавность, функция плавности, описывает изменение скорости анимации с помощью ключевых слов или кривых Безье, напр. transition easing is linear — плавность перехода линейная.
редакторский черновик, ранний статус спецификации W3C, предложенный одним из редакторов. На основании редакторского черновика может быть составлен рабочий черновик.
ем, единица измерения в CSS, которая зависит от размера шрифта родителя, напр. font-size:3em — размер шрифта 3 ема.
активировать
активный, состояние элемента формы, в котором его изменение разрешено, напр. enabled button — активная кнопка.
движок, напр. Safari is based on WebKit engine — Сафари работает на движке Вебкит.
запасной вариант, дополнительная реализация на случай отсутствия в браузере нужных возможностей, вроде включённых скриптов или нужных видеокодеков.
фавико́нка, значок сайта, обычно 16×16 пикселей в формате ICO.
группа полей, элемент, объединяющий несколько полей формы, напр. green border on a fieldset — зелёная рамка на группе полей.
фигура, элемент из HTML5, содержащий изображение, видео, таблицу, график или фрагмент кода.
заголовок фигуры, заглавие или подпись к фигуре.
- прил. плавающий, свойство блока, заставляющее последующие блоки обтекать его, напр. float layout — раскладка на плавающих блоках.
- гл. обтекать, следовать вплотную к плавающему блоку, напр. text is floating to the right — текст обтекает справа.
- гл. прижимать, упираться вправо или влево, обычно из-за плавающих свойств, напр. float block to the left — прижмите блок влево.
шрифт
-
font-weight — насыщенность
- font-weight:normal — нормальная
- font-weight:bold — полужирная, (не жирная)
- font-weight:bolder — жирнее
- font-weight:lighter — светлее
-
font-style — стиль шрифта
- font-style:normal — прямой
- font-style:italic — курси́в
- font-style:oblique — наклонный
-
font-size — размер шрифта, кегль
-
font-family — семейство шрифта, гарнитура
- font-family:serif — с засечками
- font-family:sans-serif — без засечек
- font-family:monospace — моноширинный
подвал
- характерная визуальная область в конце страницы.
- элемент
<footer>
— смысловая часть с метаинформацией.
фреймво́рк, набор готовых решений для упрощения разработки.
фронте́нд
- область технологий для разработки веб-интерфейсов, включает вспомогательные инструменты и технологии работающие в браузере или клиентсайд.
- внешняя часть серверной системы, отвечающая за приём данных, отправку ответов и генерацию кода для браузера, входит в серверсайд.
полноэкранный режим, поведение программы или её части, в котором она занимает весь экран целиком.
функция
- в программировании — поименованный фрагмент программного кода (подпрограмма), к которому можно обратиться из другого места программы.
- в CSS — может быть присутствовать в декларации на позиции значения. Напр.,
url(img/gradient.png)
.
сгенерированное содержимое, часть документа, созданная с помощью CSS, псевдоэлемента и свойства content
.
постепенная деградация, подход, при котором для старых браузеров пишутся костыли, которые приводят внешний вид и поведение сайта в соответствие с новыми браузерами, однако в дальнейшем от старых браузеров и костылей для них отказываются.
градие́нт, плавный переход от одного цвета к другому.
- linear gradient — линейный градиент
- radial gradient — радиальный градиент
- conical gradient — конический градиент
сетка, способ упорядочить расположение элементов в дизайне с помощью вертикального или горизонтального ритма, напр. module grid — модульная сетка.
шапка
- характерная визуальная область в начале страницы.
- элемент
<header>
— смысловая озаглавливающая часть.
высота
иконочный шрифт, синтетический шрифт, содержащий иконки и другие плоские векторные изображения для оформления сайта, напр. build an icon font — собери иконочный шрифт.
внедрять, реализовывать напр. Firefox has implemented support of everything — Файрфокс внедрил поддержку всего.
строчный
- inline block — строчный блок.
- inline box — элемент строки в строчном форматировании: часть наполнения контейнера строки, к которой непосредственно применяются CSS-правила, напр. anonymous inline box — анонимный элемент строки.
- inline element — строчный элемент.
- inline styles — локальные стили.
элемент формы, обеспечивающий взаимодействие пользователя с интерфейсом, например: текстовое поле, кнопка, переключатель.
кернинг, расстояние между парами букв, учитывающее их форму для более равномерного набора.
ключевой кадр, одна из заданных точек анимации, изменения между которыми происходят автоматически.
покадровая анимация, способ задания анимации в CSS с помощью ключевых кадров.
ключевое слово
последний черновик, статус спецификации W3C для последних правок перед статусом кандидата в рекомендации.
раскладка, расположение основных блоков на странице, напр. 3 columns layout — раскладка в 3 столбца.
длина
межбуквенное расстояние, тре́кинг, общее расстояние между буквами в тексте, отличается от кернинга.
контейнер строки в строчном форматировании: виртуальный контейнер, содержащий в себе все элементы одной строки.
высота строки, интерлинья́ж, расстояние между базовыми линиями текста.
список, последовательное перечисление группы элементов.
- ordered list — упорядоченный список, отсортированный по какому-либо принципу.
- unordered list — неупорядоченный список, в котором порядок следования не имеет значения.
стиль списка
внешний отступ, напр. margin-bottom:-10px — нижний отрицательный отступ 10 пикселей.
ма́трица (трансформации), описание трансформации объекта с помощью матрицы.
медиавыраже́ния, условные выражения для конструкции @media
, позволяют применять стили в зависимости от возможностей устройства. Вариант перевода «медиазапросы» менее точно отражает суть работы.
при́месь, набор свойств, расширяющий поведение другой сущности, встречается в CSS-препроцессорах и паттернах JavaScript, напр. mixin is clearing — примесь очищает поток.
макет, внешний вид или дизайн сайта различной степени детализации, напр. designer has sent a page mock-up — дизайнер прислал макет страницы.
- прил. мода́льный, блокирующий интерфейс для выполнения какого-либо действия, напр. modal dialog — модальный диалог.
- сущ. модальное окно (диалог), элемент интерфейса, см. модальный.
множественный, повторённый два и более раз, напр. multiple backgrounds — множественные фоны.
- мультиколо́нки, механизм из CSS, позволяющий выстроить текст в несколько колонок, напр. multiple columns support in IE — поддержка мультиколонок в IE. Предпочтительнее, чем громоздкие «множественные колонки».
- многоколо́ночный, состоящий из нескольких колонок, напр. multiple columns layout — многоколоночная раскладка.
вложенный, находящийся внутри чего-либо, напр. double nesting — двойная вложенность.
узел, элемент структуры, напр. child node — дочерний узел.
число, числовой тип
непрозрачность, степень непрозрачности, напр. opacity:0.1 — непрозрачность 10%. Часто ошибочно называется прозрачностью.
непрозрачный, степень непрозрачности, напр. opaque by 75% — непрозрачен на 75%, значит прозрачность 25%.
обводка, внешний равномерный контур элемента, не участвующий в блочной модели.
менеджер пакетов, реже диспетчер пакетов, вспомогательное ПО для управления установкой, настройкой, обновлением и удалением компонентов ПО.
внутренний отступ, напр. padding-top:10px — верхний внутренний отступ 10 пикселей.
- постраничная навигация, обычно список ссылок с номерами страниц, на которые разбит документ.
- разделение на страницы, разделение документа на отдельные страницы для удобства чтения, загрузки или других целей.
па́ттерн, формализованный подход к написанию кода, напр. JavaScript patterns — паттерны JavaScript.
процентное значение, проценты
быстродействие, характеристика скорости загрузки, отрисовки и т.п., напр. CSS performance — быстродействие CSS.
бюджет на быстродействие, максимально допустимые показатели быстродействия веб-приложения. Выход за рамки такого бюджета означает спад быстродействия. Напр. Performance Budget Metrics — показатели бюджета на быстродействие.
пи́ксель, единица измерения для экранного дизайна, в мн.ч. пиксели, сокр. пк.
плотность пикселей, количество пикселей, которое помещается в единицу линейного размера экрана, напр. pixel density of the screen is 326 ppi — плотность пикселей экрана 326 пикселей на дюйм.
пиксельное соотношение, отношение физического пикселя к виртуальному, напр. screen has pixel ratio of 2 — пиксельное соотношение экрана равно 2.
пикселей на дюйм, единица измерения плотности пикселей (см. pixel density).
TODO
полифи́л, скрипт, воссоздающий недостающую функциональность, напр. new polyfill for IE6 — новый полифил для IE6.
всплывающее окно, попа́п, отдельное окно или элемент интерфейса, появляющийся поверх текущего, напр. annoying popup — назойливый попап.
позиционирование
- position:static — статичное
- position:absolute — абсолютное
- position:relative — относительное
- position:fixed — фиксированное
- position:sticky — закреплённое
препроце́ссор, инструмент, преобразующий код из одного синтаксиса в другой, напр. Sass CSS preprocessor — CSS-препроцессор Sass.
индикатор выполнения, элемент интерфейса, отражающий прогресс выполнения операции.
прогрессивное улучшение, подход, при котором все браузеры получают базовую функциональность, а большее получают только способные на это, например скруглённые углы, градиенты и тени.
про́мисы, способ асинхронного выполнения скриптов, противопоставляется использованию обратных вызовов.
свойство, напр. CSS-свойство.
предложенная рекомендация, статус спецификации W3C, вероятный кандидат в рекомендацию.
псевдоэлемент, дополнительный внутренний элемент, созданный с помощью CSS и ::before
или ::after
.
псевдокласс, используется для привязки декларации к определенному состоянию элемента DOM. Отделяется от селектора знаком двоеточия :
. Напр., декларация блока правил с селектором .item:hover
применится, когда на .item
наведут курсор.
режим совместимости, режим интерпретации и отображения страницы браузером, в котором браузер целенаправленно отходит от стандартов ради отображения документов, созданных до начала 2000-х гг. и полагавшихся на ошибки и особенности браузеров того времени. Используется для страниц без доктайпа и с устаревшими доктайпами (напр. HTML 3.2).
радиокно́пка, элемент формы <input type="radio">
для выбора одного варианта из нескольких, напр. radio button is checked — радиокнопка выбрана.
рекомендация, финальный статус спецификации W3C, рекомендованой для внедрения в браузеры и использования разработчиками.
рем, единица измерения в CSS, которая зависит от размера шрифта корневого элемента <html>
, напр. font-size:3rem — размер шрифта 3 рема.
сброс, обычно сброс стилей по умолчанию в CSS, напр. style reset file — файл сброса стилей.
разрешение, количество физических пикселей на экране устройства, напр. screen resolution is 1024×768 pixels — разрешение экрана 1024×768 пикселей.
адаптивный дизайн, см. определение adaptive design.
Общественная группа по адаптивным изображениям
скруглённые углы, напр. rounded corners are out of fashion — скруглённые углы вышли из моды, см. также скругление рамки.
строка, ряд
- горизонтальная область в таблице или раскладке.
- элемент таблицы
<tr>
.
объединение строк, HTML-атрибут для объединения нескольких ячеек таблицы в одном столбце.
блок стилей элемента, состоит из селектора (или медиавыражения) и блока деклараций.
поверхностное сравнение, сравнение, при котором проверяется ссылаются ли две переменные на один и тот же объект в памяти.
скафо́лдинг, автоматическая генерация кода по описанию, метод метапрограммирования.
- сущ. масштаб
- гл. масштабировать
область видимости, ограниченная часть программной структуры, в которой доступна объявленная переменная, либо применяются <style scoped>
стили.
скрипт, инструкции, описывающие поведение страниц, напр. scripts are not loaded yet — скрипты пока не подгрузились.
- прокрутка, элемент интерфейса для перемещения скрытой части страницы или блока, является признаком того, что вложенный элемент больше родительского, напр. horizontal scroll is disabled — горизонтальная прокрутка запрещена.
- прокручивать, перемещать скрытую часть страницы или блока.
полоса прокрутки, формальное название прокрутки, напр. system scrollbars — системные полосы прокрутки.
семантика, смысловая нагрузка HTML-элементов, напр. semantic coding — семантическая вёрстка.
селектор, необходимая структурная часть блока стилей. Отвечает за привязку деклараций к элементам DOM.
- simple selector — простой селектор, может быть псевдоклассом или одним из следующих типов:
- type selector — селектор по типу, обращается к тегу, напр.
ul
,input
и др. - universal selector — универсальный селектор, «звездочка»:
*
. - ID selector — селектор по идентификатору, напр.
#content
. - class selector — селектор по классу, напр.
.item
. - attribute selector — селектор по атрибуту, напр.
[type=submit]
.
- type selector — селектор по типу, обращается к тегу, напр.
- compound selector (др. sequence of simple selectors) — составной селектор, цепочка простых селекторов, не разделенных комбинаторами, напр.
input[type=submit]:focus
. - complex selector — сложный селектор, несколько простых и/или составных селекторов, разделенных комбинаторами:
- descendant selector — селектор потомка, напр.
ul li
. - child selector — селектор непосредственного потомка, напр.
#buttons > *
. Также часто называется дочерним. - adjacent sibling selector — селектор непосредственного соседства, напр.
.item + .item
. Также часто называется соседским. - general sibling selector — селектор соседства, напр.
.item ~ .item
.
- descendant selector — селектор потомка, напр.
серверсайд, область технологий, работающих на сервере, часто синоним бэкенда.
теневой DOM, теневая модель документа
фигуры, CSS-фигуры
шим, код, помогающий унифицировать работу с браузерами, обычно реализует недостающую или нормализует существующую поддержку, напр. HTML5 shim for IE8 — HTML5-шим для IE8.
боковая панель, боковая часть сайта со второстепенным содержимым, напр. sidebar is on the right side — справа находится боковая панель.
- сущ. наклон
- гл. наклонять
карты кода, специальная разметка, позволяющая привести в соответствие исходные файлы и скомпилированный код для отладки.
спецификация, документация по технологии для разработчиков и производителей браузеров, обычно в одном из статусов: от предложенной до утверждённой W3C, напр. specification draft — черновик спецификации.
стандартный режим, режим интерпретации и отображения страницы браузером, в котором браузер обязан максимально полно соблюдать стандарты, насколько может. Используется для страниц с более-менее современными доктайпами, напр. доктайпом HTML5.
объявление, структурный элемент CSS. Это может быть блок стилей элемента, директива импорта, медиавыражение и т.д.
- строковый тип, в программировании — тип данных, значениями которого является произвольная последовательность (строка) символов алфавита.
- строка, в CSS — строковое значение директивы или свойства. Напр., в
content: "\201d"
строкой является"\201d"
.
- сущ. стили, напр. apply styles to an element — применить стили к элементу, мн.ч. предпочтительнее: стили элемента, а не стиль элемента (неправильно).
- гл. оформлять, напр. how to style selects — как оформить селекты, предпочтительнее, чем двусмысленное «стилизовать».
руководство по стилю, напр. project code style guide — руководство по стилю кода проекта.
таблица стилей, напр. таблица стилей документа.
- вкладка, один из слоёв интерфейса сайта или программы, который активируется выбором его заголовка, напр. open in new tab — открыть в новой вкладке.
- таб, клавиша табуляции, вставляет символ табуляции, переключает фокус на следующий элемент интерфейса, либо дополняет частично набранное слово, напр. press Ctrl Tab — нажмите контрол-таб.
- таб, символ табуляции, имеет настраиваемую ширину и используется для отступов в коде, напр. tabs are better than spaces — табы лучше пробелов.
- тег, обозначение элемента в HTML, существуют открывающие, закрывающие и одиночные теги. Напр. закрывающий тег отсутствует — closing tag is missing.
- метка, маркер содержимого, обычно короткое слово.
текстовая область, элемент формы для ввода многострочного текста.
выравнивание, вы́ключка, ориентация строк текста в определённом направлении, либо равномерно по ширине блока.
- text-align:left — влево
- text-align:right — вправо
- text-align:justify — по ширине
тень (текста), напр. text-shadow is red — тень текста красная.
- Сокращение от thumbnail.
- ползунок, элемент управления полосой прокрутки.
миниатюра, уменьшенная копия изображения.
- заголовок, если речь идёт об элементе
<title>
, либо о заглавии элемента. - подсказка, если речь идёт об атрибуте
title=""
.
переключать, переводить из одного состояния в другое, переключить классы — toggle classes.
всплывающая подсказка, вспомогательная информация, появляющаяся при наведении на элемент или при его активации, в частности title=""
.
TODO
трансформация, напр. transform:scale(2) — трансформация масштабированием в 2 раза.
переход, напр. transition:all 2s linear — линейный переход длительностью 2 секунды.
перемещать, перемещение объекта с помощью CSS-трансформации, напр. translate(x, y) — перемещение на X и Y.
типографика, оформление текста с помощью выбора гарнитуры, параметров строки и других.
единица изменения, напр. rem unit — единица измерения «рем».
унифицированный идентификатор ресурса, последовательность символов, идентифицирующая абстрактный или физический ресурс.
унифицированный указатель ресурса, это URI, который предоставляет ещё и информацию о местонахождении этого ресурса, напр. background: url("http://www.example.com/picture.png")
TODO
утили́та, программа с узким назначением.
валидный, соотвествующий стандарту, спецификации или другому нормативу, напр. valid markup — валидная разметка.
валидатор, средство проверки соответствия стандарту, спецификации или другому нормативу (см. valid), напр. W3C markup validator — валидатор разметки W3C.
значение, напр. значение CSS-свойства.
бра́узерный пре́фикс, приставка к CSS-свойству -webkit-
или -moz-
, напр. add vendor prefixes — добавьте браузерные префиксы.
вертикальное выравнивание, расположение элементов по вертикали в пределах строки текста или таблицы.
вьюпо́рт
- видимая область документа в рамках экрана.
- элемент
<meta name="viewport">
, управляющий адаптацией страниц на мобильных устройствах.
сайт, объединённые под одним адресом страницы, перевод «веб-сайт» избыточен.
рабочий черновик, ранний статус спецификации W3C.
Консорциум всемирной сети, организация, разрабатывающая веб-стандарты. Переводить «web» как «паутину» в XXI веке уже смешно.
веб-стандарты
ширина
межсловный пробел
обходное решение (приём), способ решения задачи в ограниченных условиях, напр. to figure out workaround — придумать обходной приём.
Авторы, редактор Вадим Макеев. Распространяется по лицензии CC-BY-SA 4.0.