Содержание

Подчёркивание

                                     

ⓘ Подчёркивание

Подчёркивание, подчерк — символ ASCII, имеющий код 0x5F, 95. На стандартной компьютерной клавиатуре этот символ расположен совместно со знаком дефиса на клавише, находящейся справа от клавиши 0.

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

В настоящее время символ подчёркивания зачастую применяется для замены пробела в некоторых случаях, когда использование пробела невозможно или нежелательно: в адресах электронной почты, адресах ресурсов в сети Интернет в доменной части адреса обычно заменяется на дефис, но иногда нестандартно на подчёркивание, в названиях компьютерных файлов, названиях идентификаторах переменных и других объектов в языках программирования и т.

д.

Некоторые компьютерные приложения автоматически подчёркивают текст, окружённый знаками подчёркивания. Таким образом _ подчёркнутый _ отображается как подчёркнутый. В текстовом процессоре Microsoft Word, при соответствующих настройках автозамены, текст, выделенный знаками подчёркивания, становится курсивным.

На самом деле, сам по себе этот знак ничего не подчёркивает, так как на одно знакоместо на дисплее можно поместить только один символ, поэтому его иногда называют не «подчёркивание», а «андерскор» «Underscore». Кроме того, этот символ иногда называют «Нижнее подчёркивание», что недопустимо по правилам русского языка и является плеоназмом — подчёркивание всегда выполняется снизу. Также символ называют «нижний пробел».

Подчеркнуть текст или пробелы — Word

Подчеркнуть слова и пробелы между ними

Самый быстрый способ подчеркнуть текст — нажать CTRL+вы и начать вводить текст.

Если вы хотите прекратить подчеркивается, еще раз нажмите CTRL+U.

Вы также можете подчеркнуть текст и пробелы несколькими другими способами.

  1. Выделите текст, который вы хотите подчеркнуть.

  2. Перейдите на главная >

    подчеркнутая. Можно также нажать CTRL+U.

Подчеркнуть пустые пробелы

Вы можете подчеркнуть пустые пробелы, нажав shift+дефис (-), но выровнять их сложно ( например, если вы создаете форму заполнения). Кроме того, если включен параметр Автоформат для замены символов подчеркиваения на границы, то при нажатии shift+дефис (-) три или более раз подряд строка расширяет ширину абзаца, что может оказаться не совсем нужным.

Чтобы подчеркнуть пустые пробелы в печатном документе, лучше всего использовать клавишу TAB и применить форматирование к символам табуры.

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

Подчеркнутая пустое пространство для печатного документа

Чтобы подчеркнуть пробелы в печатном документе, используйте клавишу TAB и применив к символам табуры форматирование.

  1. Перейдите на вкладку Главная > показать или скрыть ¶, чтобы увидеть знаки пробелов и табула.

  2. Вновь нажмите клавишу TAB.

  3. Вы можете выбрать символы табулись, которые вы хотите подчеркнуть. Символ табулики выглядит как маленькая стрелка.

  4. Выполните одно из указанных ниже действий.

    • Нажмите CTRL+вы, чтобы применить простое подчеркнутое.

    • Чтобы применить другой стиль подчеркнутого текста, перейдите на главная и выберите Шрифт, .

      Выберите стиль «Подчеркнуть», чтобы выбрать другой стиль.

Подчеркнутая пустое пространство для документа в Интернете

Чтобы создать подчеркнутую линию в документе или форме, вставьте ячейку таблицы с включенной нижней границей. Этот метод гарантирует, что когда кто-то ветвит в строке, строка остается на месте.

  1. Щелкните или коснитесь того места, где нужно вставить пустую линию.

  2. Перейдите в >таблицу.

  3. Выберите левый верхний квадрат, чтобы вставить таблицу 1×1.

    Если вы хотите добавить вводный текст, например имя или номер социального обеспечения, перед подчеркнутой вставьте таблицу 2×1.

    Чтобы изменить длину линии, наберем указатель на конец таблицы, пока он не станет указателем изменения , а затем переместим стрелку вправо или влево, чтобы удлинить или сократить линию.

  4. Щелкните таблицу или коснитесь ее (или во второй ячейке таблицы, если вы создали таблицу 2×1).

  5. Появится лента «Средства работы с таблицами». На вкладке Конструктор выберите границы > границы и затенение.

  6. В области Параметрывыберите Нет.

  7. В областиСтиль выберите тип, цвет и ширину линии.

  8. На схеме в области Просмотр

    щелкните или нажмите между маркерами нижних полей, чтобы добавить нижнюю границу. Убедитесь, что отображается только нижняя линия.

    Примечание: Если вы предпочитаете просматривать таблицу без светло-серых линий сетки, которые не печатаются, выберите таблицу, перейдите в макет рядом с вкладкой Конструктор таблиц и выберите Вид сетки.

    Если вы использовали таблицу 2×1 для помещения в вводный текст, вы можете ввести текст перед строкой.

Удаление подчеркивается

Чтобы удалить однонаровный текст из слов и пробелов, вы выберите его и нажмите CTRL+U.

Чтобы удалить другие стили, дважды нажмите CTRL+U.

как стать невидимкой, выделять слова и еще 7 полезных советов

WhatsApp на сегодня является одним из самых популярных мобильных мессенджеров.

Однако далеко не все владеют им в достаточной мере, хотя, казалось бы, — чего проще. Мы подскажем вам несколько хитростей, которые сделать общение в этой программе более живым.

1 Оставайтесь инкогнито

Если вы не хотите, чтобы ваши собеседники видели, когда вы были в сети последний раз, можете скрыть эти данные. Правда, тогда вы тоже не сможете узнать время последнего посещения других пользователей. Если вас это не останавливает, жмите на три точки в правом верхнем углу и следуйте по меню: Настройки -> Аккаунт -> Приватность. Заходите в пункт Был(а), и устанавливайте значение Никто.

2. Отключите уведомления о прочтениях

Скажем, начальник прислал вам сообщение, вы его прочли, и босс об этом знает. Можно отключить уведомления — тогда никто не узнает, открыли ли вы сообщение или нет. Делается это просто: Настройки -> Аккаунт -> Приватность, далее переводите переключатель «Отчеты о прочтении» влево (выключаете). Опять-таки учите, что это действие имеет обратную силу: вы тоже уведомления получать перестанете.

3 Выделите текст в сообщениях

Мало кто знает, что сообщения в чатах WhatsApp тоже можно форматировать. То есть выделять слова полужирным, курсивом, перечеркивать их и так далее. Например, вот так это делается в устройствах Apple:

  • Выделите слово или абзац, которые необходимо отформатировать.
  • Если надо выбрать несколько слов, курсоры выделения можно сдвинуть влево и вправо.
  • Затем нажмите «Выбрать» в контекстном меню и переместитесь вправо, пока не увидите буквы «B I U».
  • Коснитесь «B I U» и выберите способ форматирования текста, например, полужирный шрифт, курсив, подчеркивание или шрифт фиксированной ширины.

Если у вас Андроид, тут тоже все просто.

  • Наберите *текст*, добавив звездочки — и получится полужирное начертание.
  • Используйте _text_, добавив нижнее подчеркивание для оформления курсивом.
  • Перечеркнуть выделенный текст вы можете с помощью значка «тильда»: ~ текст ~.

4 Перенесите чаты в новый смартфон

Если с переносом контактов при наличии синхронизации с Google проблем не возникает, то чаты WhatsApp автоматически не переносятся. Будет полезным настроить периодическое резервное копирование на Google Диск (Настройки -> Чаты -> Резервная копия чатов), но для переноса «здесь и сейчас» можно сделать копию вручную. Перейдите по тому же пути и нажмите единственную кнопку «Резервное копирование».

Теперь скачайте WhatsApp на новый телефон — в процессе настройки он проверит наличие копии и предложит восстановить все чаты. Вам останется только подтвердить действие.

5 Прослушайте голосовое сообщение приватно

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

6 Отключите загрузку медиафайлов

У вас тоже есть чаты, где участники обмениваются выкладывают мемы или видеоролики по поводу и без? Эти файлы забивают память телефона, а если ее немного, то очень скоро гаджет начинает жаловаться не недостаток «гигабайт». Избежать переполнения поможет опция отключения автоматической подгрузки медиафайлов.

  • Заходите в Настройки -> Данные и хранилище 
  • Откройте вкладку Мобильная сеть и снимите там все галочки. Можете отключить только подгрузку видео (ролики занимают намного больше места, чем фото).
  • То же самое сделайте во вкладке Wi-Fi.
  • Теперь выбранные типы файлов будут отражаться в виде превью, а полностью подгружаться только при нажатии.

7 Переводите сообщения прямо в окне

Общаетесь с иностранными партнерами через WhatsApp, но не всегда понимаете, что они пишут? У мессенджера есть встроенный переводчик. Точнее, он использует Google Translator, но сути это не меняет.

  • Выделите слово, нажимая и удерживая на нем палец. Потом с помощью маркеров выделите всю необходимую фразу.
  • Нажмите на три точки (строкой ниже) и выберите пункт Перевод. Фраза будет сразу переведена в том же окне.

8 Найдите все файлы, присланные в чат

К примеру, вы обменивались с приятелем фотографиями или документами, но это было давно, и не так просто теперь найти что-то конкретное в чате. Вместо того, чтобы скролить всю ленту сообщений, можно сделать так:

  • Зайдите в чат,
  • Нажмите на три точки справа вверху и выберите Медиа (группы).

9 Добавьте любимые контакты на рабочий стол

Если вы часто общаетесь с кем-то через WhatsApp, можно вынести его контакт на экран. Тогда вам не придется открывать сначала мессенджер, а потом искать в списке разговоров нужного пользователя. Делается это просто:

  • Откройте чат.
  • Нажмите на три точки справа вверху.
  • Выберите Еще, потом Добавить иконку на экран.

Теперь ищите найдите иконку на одном из экранов и перенесите ее в любое удобное место.

Фото: pixabay.com

Читайте также: 

Правила написания текстов — wilda.ru

Как мы читаем текст?

Прежде чем рассказать о правилах оформления текста стоит упомянуть о том, как происходит чтение текста. Как правило, чтение незнакомого текста происходит в три этапа: Сначала человек просто бросает взгляд на текст и решает – читать дальше или нет. Это занимает до трех секунд. За это время читающий оценивает сложность восприятия текста, и о смысле здесь речи еще не идет. За две секунды на листе А4 глаз человека способен выделить и проанализировать до десяти элементов – так называемых крючков. Крючками могут быть абзацы, фото, заголовки. Каждый из них способен привлечь внимание и удержать его.

Если по ряду признаков человек решает, что читать текст будет легко, то переходит ко второму этапу – пробегает его глазами, то есть выхватывает кусочками – фрагментами, отдельными предложениями. Начаться такое «чтение» может с любого места. Только потом, если кусочки заинтересовали человека, он начинает сначала.

Структура текста

Правильный текст должен иметь следующую структуру:

Заголовок

Любой текст должен начинаться с заголовка. Заголовок должен быть достаточно крупным и контрастным. Для контрастности заголовка можно использовать либо более жирное начертание основного шрифта, либо другой шрифт, главное, чтобы он был в гармонии с основным. Помимо этого, заголовок можно выделить цветом — оттенком основного цвета или дополнительным цветом, используемым в дизайне.

Абзацы

Оптимальный размер абзаца — 4-5 предложений. Лучше усваиваются короткие и неширокие абзацы. Комфортная ширина абзаца — 40-50% от ширины страницы. Это правило больше применимо к веб-страницам, но можно использовать и для печатного текста.

Подзаголовки

Отделите каждые 2–3 абзаца подзаголовками. Таким образом, вы структурируете текст. Разбейте его на смысловые части, дополнительно упрощая чтение.

Оформление текста

Предлагаем вам несколько советов по оформлению текста, которые сделает его простым, понятным и удобным для восприятия.

Выравнивание

Крайне дурным тоном считается выравнивание текста по центру или по ширине. Выравнивая по ширине, мы получаем неравномерные пробелы и отступы между буквами. Они где-то маленькие, где-то большие. Выравнивая текст по центру, мы получаем неровный левый и правый край. Такой текст читать еще сложнее, ведь каждая новая строка начинается с нового места.

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

Идеальное решение — выравнивание текста по левому краю. Правый край, при этом, необходимо сделать максимально ровным путем переноса всех предлогов и слов меньше трех символов на новую строку. Читать такие абзацы довольно комфортно, и визуально они вписываются в 99% дизайнов.

Межстрочный интервал

Гораздо более приятно читать, когда есть место для отдыха глаз между строками. Как правило, стараются использовать межстрочный интервал (интерлиньяж), по крайней мере, на 2 пункта больше, чем размер шрифта. Например: для максимального удобства чтения текста при размере шрифта 10 pt необходимо задать интерлиньяж хотя бы 12 pt.

Между абзацами должен быть 1,5 интервал. Межстрочный интервал выдерживается относительно величины шрифта и измеряется в процентах.

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

Ссылки

Ссылка может оформляться двумя способами:

1) Подчеркивание. Стандартный и самый популярный способ, всеми воспринимается как ссылка, особенно если выделен синим цветом. Для того, чтобы подчеркивание не бросалось в глаза и смотрелось органично в любом дизайне, можно сделать его полупрозрачным. Отдельно хотелось бы сказать, что мы не рекомендуем использовать подчеркивание в качестве приема для выделения слова или текста. Подчеркивание – это всегда ссылка.

2) Изменение начертания текста ссылки на более жирное. Менее желательный способ, так как использование разных начертаний затруднит восприятие текста.

Типы шрифтов

Для дизайна шрифты важны ничуть не меньше, чем правильно выбранные цвета или убедительные тексты. Шрифты делятся на три основные группы — с засечками, без засечек и рукописные.

Шрифты с засечками

У шрифтов, относящихся к данной группе, на краях букв имеются засечки или «хвостики». К таким шрифтам можно отнести Times New Roman, Century, Times, Garamond и некоторые другие (обозначаются как Serif). Как правило, шрифты с засечками лучше подходят для печатных материалов. Засечки помогают создать пространство между буквами, а также отделить один знак от другого, благодаря чему текст лучше читается на бумажном носителе. Шрифты с засечками подчеркивают авторитет, интеллект и профессионализм.

Шрифты без засечек

У данного типа шрифтов отсутствуют засечки, края букв прямые и простые, без каких-либо дополнительных элементов. Примеры — Arial, Verdana, Helvetica и другие (гарнитура Sans-Serif). Их обычно используют для веб-страниц, потому что с экрана компьютера удобнее читать именно округлые и простые буквы. Шрифты без засечек, как правило, подчеркивают стиль, рациональность, молодость и современность.

Рукописные шрифты

И последняя группа — рукописные шрифты. Как понятно из названия они имитируют текст, написанный от руки. Такие шрифты бывают очень симпатичными и могут стать украшением вашего документа, но их очень трудно читать. Поэтому не рекомендуем использовать рукописные шрифты для оформления длинных текстов. Они больше подходят для оформления заголовков, создания логотипов.

Размеры шрифтов

Для того, чтобы текст хорошо читался, размер шрифта для основного текста должен быть 12 или 14 px. Не рекомендуем использовать шрифты менее 10 px. Для заголовка стандартный размер шрифта для может от 16 до 24 px. Идеальный междустрочный интервал – 1,5.

Цвет шрифта

Какого бы цвета ни был шрифт — он должен быть контрастным — т.е. легко читаться. Самое выгодное сочетание — темный шрифт на светлом фоне. Обратный вариант — светлый шрифт на темном фоне, менее предпочтителен, но может неплохо смотреться на небольших текстах, заголовках, с крупными размерами шрифтов. Яркие шрифты могут быть трудны для чтения. Также, необходимо избегать сложных вибрирующих сочетаний, таких как красный на зеленом. Самый беспроигрышный вариант — черный (темно-серый) шрифт на белом фоне.

Правила работы со шрифтами

В одном дизайне нужно использовать один, максимум два типа шрифта. Если вы используете 2 типа шрифта, то они должны хорошо сочетаться друг с другом. При этом один шрифт используется для основного текста, другой — для заголовков или для представления информации, которую нужно как-то выделить, например, контакты. Если вы думаете, что двух шрифтов недостаточно, попробуйте поэкспериментировать с жирным и обычным начертанием, курсивом, прописными и строчными буквами.

Очевидно, что шрифт стоит подбирать под конкретную задачу. Например, если вы разрабатываете приложения, вам подойдут лаконичные, немного футуристичные шрифты. А если вы продаете старые книжки — рекомендуем подобрать что-нибудь винтажное, старомодное. В любом случае, для основного текста лучше использовать простые, легко читаемые шрифты, так как дизайн — это не только красота — это, прежде всего, функциональность и удобство.

Советы по составлению текстов

Используйте простые предложения

Мы рекомендуем использовать в тексте, по-возможности, короткие предложения для удобства усвоения информации. Поэтому предложения с перечислениями разбивайте точками. Сложные обороты упрощайте. Глаз должен скользить по тексту.

Не используйте два глагола подряд. Замените их на простые глаголы в повелительном наклонении. Например, не «Помогает решить», а «Решает»! Не «Готовы предложить», а «Предлагаем» и т.д.

Также, если словосочетание можно заменить на одно слово, так и поступайте. Например: Не «Каждому, кто обратился», а «Каждому обратившемуся» и т.д.

Разберитесь с «Не»

Частица «не» меняет вид предложения и делает его сложным для восприятия. Всю негативную формулировку меняем на позитивную. Например, вместо «Несложный» лучше писать «Простой», вместо «Не используйте длинные предложения» лучше — «Используйте короткие предложения» и т. д.

Избавьтесь от аббревиатур и иностранных слов

Аббревиатуры и сокращения значительно затрудняют восприятие текста. Вместо того, чтобы скользить по тексту, читатель постоянно спотыкается. Человек не должен ломать голову, пытаясь понять, что вы хотели сказать ему. Даже распространенные сокращения лучше развернуть. Иностранные слова, как и аббревиатуры, мешают правильному восприятию текста.

Будьте аккуратны с использованием терминов

Термины нужны и важны, если вы пишете текст для специалистов. Но если вы пишите для массового читателя, то лучше не рисковать и заменить термины на знакомые каждому человеку понятия.

Проверьте ваш текст согласно полученной информации

  • Заголовок выделен;
  • Предложения короткие, простые. Сложные разбиты на два.
  • В абзаце по 3-5 предложений. Выравнивание по левому краю. Ширина абзаца – 50% от ширины страницы.
  • Текст разбит на смысловые части по 2-3 абзаца. Смысловые части выделены подзаголовками.
  • Шрифт с засечками для бумажных документов, шрифт без засечек для веб-страниц.
  • Размер шрифта основного текста – 12 px, размер шрифта в заголовках – 14 px.
  • Все шрифты контрастные и легко читаются.
  • Язык простой и понятный, без сленга, сложных терминов и иностранных слов.
  • Все формулировки положительные, без частицы «НЕ».
  • Все речевые обороты меняем по возможности на одно слово.

Стилизация: подчеркивание ссылок | Полезное для разработчика

От автора: перед тем, как прийти к вопросу как стилизовать подчеркивание ссылок, мы должны ответить на вопрос: нужно ли нам подчеркивание? В графическом дизайне подчеркивания обычно рассматриваются как примитивный элемент. Есть более красивые способы сделать акцент, установить иерархию и разграничить названия.

«Практическая типография» на Butterick: Если вы чувствуете желание акцентировать что-то, используйте жирный шрифт или курсив. В особых ситуациях, таких как заголовки, вы также можете рассмотреть возможность использования всех заглавных букв, маленьких заглавных букв или изменения толщины. Не уверены? Я предлагаю вам найти книгу, газету или журнал, в которых акцентируется текст.

Но в Интернете все по-другому. Гиперссылки являются важной частью Интернета; и с самого начала интернета они были подчеркнуты. Это общепризнанное соглашение. Значение кристально ясно — подчеркивание означает ссылку.

Тем не менее, большое количество популярных веб-сайтов убрало подчеркивание: The New York Times, New York Magazine, The Washington Post, Bloomberg, Amazon, Apple, GitHub, Twitter, Wikipedia. Когда в 2014 году Google удалили подчеркивания со страницы результатов поиска, их ведущий дизайнер Джон Уайли заявил, что это создало более чистый вид. Тем не менее, на большинстве этих сайтов сохранилось с небольшими различиями выделение традиционным сине-голубым цветом (#0000EE), который был цветом браузера по умолчанию с самого начала Интернета. Хотя это обеспечивает для большинства пользователей визуальную подсказку, этого может быть недостаточно для обеспечения соответствия доступности WCAG.

Цвет не должен использоваться в качестве единственного визуального средства передачи информации, указания действия, запроса ответа или различения визуального элемента. — WCAG 2.1

WCAG не обязывает строго использовать подчеркивания для ссылок, но рекомендует их. Пользователи-дальтоники должны иметь возможность различать ссылки. Вы можете выделить их другими способами, например, жирным шрифтом font-weight. Или вы могли бы сохранить эту старую визуальную доступность. Но если мы собираемся использовать подчеркивание, мы хотим, чтобы оно выглядело красиво. Марчин Вичари, дизайнер из Medium, описал идеальное подчеркивание как:

[…] видимое, но ненавязчивое — позволяющее людям понять, на что можно нажимать, но не обращающее на себя слишком много внимания. Оно должно располагаться на правильном расстоянии от текста, удобно помещаясь позади текста, когда это же место должны занять выступающие части букв.

Для достижения этого традиционно требовались хитрости CSS.

Хаки, которые мы использовали

С этим трюком должны быть знакомы все разработчики — с помощью :border-bottom. Имитируя подчеркивание с помощью border-bottom, мы получаем контроль над цветом и толщиной. Эти псевдо-подчеркивания имеют одну проблему: слишком большое расстояние от текста. Вы могли бы потенциально решить эту проблему с помощью line-height, но и это имеет свои недостатки. Аналогичная техника использует box-shadow. Марчин Вичари впервые применил самую сложную технику, которая использовала background-image для имитации подчеркивания. Это были полезные хаки, но, к счастью, они больше не нужны.

Стилизация реальных подчеркиваний

Наконец, мы можем обозначить ссылки без ущерба для стиля благодаря двум новым свойствам CSS.

text-underline-offset контролирует положение подчеркивания.

text-decoration-thickness контролирует толщину подчеркивания.

Согласно блогу WebKit: Вы также можете указать from-font для обоих этих свойств, что задает получение соответствующего показателя из файла используемого шрифта.

UX- агентство Clearleft смело использует (псевдо) подчеркивания, четко обозначая ссылки с помощью красочных стилей. Вот один из примеров искусственного подчеркивания:

a {
  text-decoration: none;
  border-bottom: #EA215A 0.125em solid;
}

Обратите внимание, что это псевдо-подчеркивание явно ниже выступающей части буквы «у»:

Вот тот же параграф при использовании DevTools для применения того же стиля к реальному подчеркиванию с новыми свойствами CSS:

a {
  text-decoration-color: #EA215A;
  text-decoration-thickness: .125em;
  text-underline-offset: 1.5px;
}

Вы заметили, что я использую в этом примере кода единицу em. Спецификация настоятельно рекомендует использовать ее, а не пиксели, чтобы толщина соответствовала шрифту. Эти свойства уже реализованы в Safari и появятся в Firefox 70.

С переходом браузера Microsoft Edge на Chromium мы, наконец, получим кросс-браузерную поддержку для свойства text-decoration-style, которое предлагает варианты: solid (по умолчанию), double, dotted, dashed и wavy. В сочетании эти новые свойства открывают целый ряд возможностей.

Возможно, это самое большое обновление для подчеркивания в Интернете, и при этом разработчикам нет необходимости что-либо делать. В старые добрые времена выступающие части букв бесцеремонно обрезались подчеркиванием, что было далеко не элегантно. Разработчики привыкли обходить этот недостаток, применяя text-shadow соответствующий цвету фона. text-decoration-skip-ink дает лучший способ создать разрывы подчеркивания вокруг выступающих частей.

Значение по умолчанию auto (слева) и значение none (справа)

Удобно, это установлено как новое значение по умолчанию для подчеркиваний; это означает, что внешний вид подчеркиваний улучшился, в то время как большинство веб-разработчиков даже не знают, что это свойство существует. Если вы хотите, чтобы подчеркивание пересекало выступающие части букв, вы можете установить для этого свойства — none.

Автор: Ollie Williams

Источник: https://css-tricks.com

Редакция: Команда webformyself.

Источник: https://webformyself.com/stilizaciya-podcherkivanie-ssylok/

Раскрывая тайны Microsoft Office: красивые линии Word

…А вы знаете, что Microsoft Office Word может быстро и эффективно украшать текст красивыми линиями?..

 

• Чтобы получить двойную линию по всей ширине текста, трижды нажмите клавишу с символом «=» (равно), после этого нажмите клавишу Enter.

 

 

 

• Чтобы получить одинарную тонкую линию по всей ширине текста, трижды нажмите клавишу с символом «» (дефис), после этого нажмите клавишу Enter.

 

 

 

• Чтобы получить одинарную жирную линию по всей ширине текста, трижды нажмите клавишу с символом «_» (нижнее подчёркивание), после этого нажмите клавишу Enter.

 

 

 

• Чтобы получить линию, состоящую из квадратиков, трижды нажмите клавишу с символом «*» («звёздочка»), после этого нажмите клавишу Enter.

 

 

 

• Чтобы получить красивую тройную линию по всей ширине текста, переключитесь на английскую раскладку клавиатуры, трижды нажмите клавишу с символом «#» («решётка»), после этого нажмите клавишу Enter.

 

 

 

• Чтобы получить красивую волнистую линию по всей ширине текста, переключитесь на английскую раскладку клавиатуры, трижды нажмите клавишу с символом «~» (тильда), после этого нажмите клавишу Enter.

 

 

 

Если вы не хотите, чтобы срабатывала автозамена, нажмите кнопку Отменить.

 

Как работать с текстом в Instagram

Статья обновлена. Первая публикация 28 ноября 2017 года

Любителям лонгридов – посвящается. Уроки редакторской гигиены в Инстаграме.

Редакторская гигиена – оформление текста с заголовками, буллитами, абзацами, втяжками, цветом и другими элементами верстки.

Инстаграм не предоставляет инструментов для верстки, но это не значит, что текст должен быть написан как попало. Базовая задача SMM-щика в Инстаграме – уметь верстать неформатированный текст. Ведь всегда приятнее читать пост, разделенный на абзацы, с выделением важного, а не продираться сквозь дебри единого полотна (как будто смотришь на чек в магазине).

Для минимального форматирования нужны только текст, пустые строки и спецсимволы с эмодзи. Вроде бы просто, но мало кто может написать в Инстаграме нормальный текст используя только эти инструменты.

В результате мы получаем следующие крайности:

Подписи в стиле «записываемся на ноготочки». Минимализм хорош не всегда, даже в Инста текстеТекст единым полотном, без намека на редактуру и верстку

Этих крайностей легко избежать. Избавится от первой крайности помогут статьи «Что писать, когда нечего писать» и «30 идей для поста в Инстаграм» в блоге SMMplanner. А для избавления от крайности второй читайте нехитрые приемы в нашей статье.

Деление на абзацы

Первая задача любого текста – поделить его на абзацы. Один абзац должен содержать одну новую мысль. Тему заявляем в начале, внутри абзаца развиваем ее.
Хорошо, если абзац занимает 5-9 строк на экране мобильного телефона. Абзац длиннее 12 строк может показаться перегруженным.

Абзацы принято отбивать пустой строкой. Слитые абзацы могут восприниматься одной простыней. Многие отбивают строки в Инстаграме, используя спецсимволы. Так тоже можно.

Текст с абзацами без пустых строк визуально сливается в единое полотноТекст с пустыми строками между абзацев

Как отбивать текст

Если вы пишете текст, отбивая строки с помощью клавиши ввод, Инстаграм вполне может склеить текст,превратив его в простыню. Чтобы этого не произошло, удаляйте все пробелы на последней строке абзаца, а если вы пишете с айфона, добавляйте «невидимый» пробел.

Видеоурок «Абзацы на Айфоне». Невидимый пробел «⠀» ← тут, в кавычках нужный символ для абзаца на айфоне. Видеоурок «Абзацы на Андроиде»

Отбивать строки можно в SMMplanner. Для этого на последней строке абзаца удалить все пробелы после точки.

Нашли, где спрятался ненужный пробел?

Заголовки и разделы

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

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

Выглядит немного грязно, зато понятнее, чем с пустыми строками

Не переусердствуйте, дополнительное выделение заголовков загрязняет текст.

Больше про заголовки и правила подписи к фото читайте в статье «Подпись к фото в Инстаграме» в блоге SMMplanner.

Кстати, заметили на фото выше вместо пустых строк три точки? Так иногда делают, когда не умеют ставить пустую строку. Можно, конечно, поставить и одну точку, но три точки вроде как должны сказать «так и было задумано».

Когда хочется отступить побольше, а как – неизвестно, появляются точки и странные полоски. Так часто поступают творческие люди, когда хотят срочно показать что-то миру, а времени на качественную редактуру поста нет

Перечни и примеры

В Инстаграме нет инструментов составления списков. Но списки помогают сделать удобной структуру текста, расставить акценты, избежать повторов. Что можно сделать:

→ Выделить перечни тире, стрелкой или эмодзи.

Если вы перечисляете порядок действия, можно выделить нумерациейПример выделения перечня в тексте. Также грамотно отделена мысль, которая подытоживает перечень, пустой строкой

→ Перед примерами поставить ключевое слово, главную мысль всего перечисленного ниже.

Простейший пример этого приема – любой рецепт

Если примеры короткие, их можно не отделять пустыми строками.

Длинные примеры в Инста тексте лучше отделить пустыми строками

Выделение отдельных слов или фраз

Заставить читателя в длинном тексте концентрировать внимание на нужных вещах можно с помощью выделения слова или фразы. Когда вы открываете пост, пробегаете его глазами и видите, например, выделенное слово, сразу возникает желание узнать, что такого важного автор там написал.

Выделять можно:

  • выделив для фразы отдельный абзац;
  • написать слово ЗАГЛАВНЫМИ буквами;
  • сделать слово жирным;
  • ;ʟɔʞǝʟ qʟʎнdǝʚǝdǝп
  • п̲о̲д̲ч̲е̲р̲к̲н̲у̲в ̲т̲е̲к̲с̲т̲;
  • ‮отзеркаливать текст;
  • у♥к♥р♥а♥ш♥а♥т♥е♥л♥ь♥с♥т♥в♥а♥м♥и♥;
  • ̶п̶е̶р̶е̶ч̶е̶р̶к̶н̶у̶в̶ ̶т̶е̶к̶с̶т̶.

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

Узнайте, как грамотно привлечь подписчиков и поддержать интерес целевой аудитории, на бесплатном курсе SMM с нуля за 6 уроков от SMM.school.

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

Использование перечеркнутого текста. Обратите внимание: при просмотре с телефона зачеркивание выглядит четким и расположено где должно. При просмотре с компьютера (в Инстаграме, в приложениях для создания этого эффекта) зачеркивание будет кривое

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

Spectrox.ru

Страница сайта для перечеркивания текста. Ничего лишнего

4txt.ru

Сайт для создания текста с 4 различными эффектами

Stylishtextgenerator

Сайт с красивыми шрифтами и украшательствами. Шрифты предсказуемо только для латиницы

@text4instabot

Набрав в Телеграм в поиске название чат-бота, с помощью нехитрых, но обязательных действий вы получите ваш текст с абзацами, отступами, текстом в центре и жирными словами. Последнее, правда, снова лишь для латиницы

@stthbot

Еще один Телеграм бот для зачеркивания, подчеркивания и переворачивания текста

Space

Программа для App Store и Google Play, говорящая сама за себя – умеет делать абзацы и простые списки

Ссылки

Не работают в Инстаграме ссылки. Вообще. Никак. Вероятность того, что кто-то зайдёт в веб-версию Инстаграма, чтобы перейти по вашей ссылки, стремится к нулю.

Если нужно направить читателя по ссылке на аккаунт, нужно отправить его в описание профиля.

В самом низу будет ссылка, на которую вы будете направлять. Не забудьте ее туда поставить перед публикацией поста!

Перед тем как отправить человека в описание профиля, объясните куда ведёт ссылка. Где, что, понимает ли читатель зачем кликать?

Указывайте упоминание на свой аккаунт в конце абзаца.

НетДа
@moi_akkaunt →
здесь есть ссылка на книгу
Скачайте книгу, кликнув
по ссылке в моём профиле @moi_akkaunt

Все это мы можем применить при планировании публикаций в Инстаграм с помощью SMMplanner.

Подытожим

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

  1. Отбивайте текст в Инстаграме на абзацы.
  2. Начинайте пост/абзац с заголовка или интриги.
  3. Разбивайте текст в Инстаграме на разделы.
  4. Используйте эмодзи или спецсимволы, чтобы показать перечень.
  5. Выделяйте важное.
  6. Публикуя ссылку, упоминайте свой аккаунт в конце абзаца.
Скорее регистрируйтесь в SMMplanner и планируй посты в Instagram с учетом новых знаний!

Правила подчеркивания

В то время, когда простая обработка текста позволила легко включать в текст такие стили шрифтов, как курсив, важность подчеркнутого (или подчеркнутого) текста значительно уменьшилась. Подчеркнутый текст часто используется в середине предложений без разбора как способ выделения, иногда в излишнем добавлении курсива и жирного шрифта. Даже когда проницательный человек пытается правильно использовать подчеркивание, он или она часто заканчивает тем, что применяет атрибут к слову или фразе, не требующей подчеркивания.Узнайте, когда следует подчеркивать, и простые правила подчеркивания слов.

Когда подчеркивать

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

Выделение курсивом или подчеркиванием текста используется в основном для:

  • Установка правильных заголовков отдельно от обычного текста
  • Придание важности названиям транспортных средств
  • Разъяснение незнакомого слова
  • Выделение акцента
  • Справочные буквы и цифры вне контекста

Заголовки

Как известно большинству студентов, названия произведений искусства, письменных работ или сообщений всегда должны выделяться курсивом.Подчеркнутый текст выделен курсивом. Однако некоторые учителя и профессора все же могут предпочесть подчеркивание.

Названия, выделенные курсивом или (подчеркиванием), включают:

  • Названия книг: 1984
  • Названия журналов и журналов: The AMA Journal
  • Пьесы: Кто боится Вирджинии Вульф?
  • Оперы: Кармен
  • Длинные (особенно эпические) стихи: Потерянный рай
  • Длинные музыкальные пьесы (при упоминании в тексте): Щелкунчик Сюита
  • Фильмы: Крестный отец
  • Телевизионные шоу: Секс в большом городе
  • Радиопрограммы: Шоу Говарда Стерна
  • Произведения искусства и скульптуры: Дэвид
  • Брошюры: Последние изменения в законах о медицинском обслуживании
  • Известные выступления: У меня есть мечта

Это правило усложняется деталями:

  • Названия длинных священных произведений (таких как Библия) не выделены курсивом (или подчеркнуты), равно как и отдельные их книги, такие как Бытие.
  • Эпизоды телешоу, рассказов и религиозных произведений не выделены курсивом (и не подчеркнуты).
  • Некоторые газеты отказываются подчеркивать букву «the» в своих названиях или даже в названии города. Это полностью зависит от предпочтения бумаги.

Названия транспортных средств

Названия известных транспортных средств должны быть выделены курсивом (или подчеркнуты). Например:

  • Названия кораблей (за исключением обозначения HMS, RMS или USS): USS Ronald Reagan
  • Космические шаттлы: Challenger
  • Поезда: Orient Express
  • Известные самолеты : The Wright Flyer

С другой стороны, авиакомпании, торговые марки, такие как Dodge Charger, и типы транспортных средств не выделены курсивом или (подчеркнуты).

Незнакомые слова

Незнакомые и иностранные слова часто выделяются курсивом (или подчеркиваются на рукописной бумаге), чтобы отличить их от текста на английском языке, который их окружает. Даже часто используемые иностранные слова, такие как et ceter a или bon voyage , могут быть подчеркнуты в письменном тексте. (Однако и т. Д. Не подчеркивается.)

Вы можете подчеркнуть слова, которые являются звукоподражательными (заменяют звуки), например:

Эти слова могут хорошо выглядеть сами по себе, но их не повредит отличить их от других. слова.Итак, эти слова обычно выделяются курсивом.

Акцент

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

  • Если необходимо выделить определенное слово или фразу в фрагменте текста, особенно когда фрагмент текста должен быть прочитан вслух.
  • Чтобы придать слову или фразе обличительный характер, например, «ты настоящая проблема здесь, buster

Чтобы подчеркнуть что-то особенно важное в письме: « книг нельзя класть на пол.»Подчеркивание придает слову более серьезность.

Когда подчеркивать в тексте

Подчеркивание больше не используется в эссе, статьях и публикациях, созданных с помощью программного обеспечения для обработки текста. Обычно подчеркивание используется только тогда, когда кому-то нужно сделать акцент в рукописном письме или бумаге, как в черновике. Теперь, когда вы знаете правила подчеркивания, узнайте, когда использовать курсив и кавычки в заголовках.

Подчеркивание красиво | Адриан Розелли

; 0 комментариев

Подчеркивание, стандартный встроенный указатель гиперссылок, основная функция Интернета, красивы.

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

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

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

Подчеркивание — это символ наших достижений как вида, как общества, и постоянное напоминание о способности каждого повысить свой голос.

Но больше всего мне нравится хруст в моих коренных зубах, когда я нажимаю на них. Запах озона, вкус гроша. Они приносят мне радость рождественского утра, спокойствие засыпания в библиотеке.

Уверенность линий, форма изящного прямоугольника — все вместе обладают красотой Страдивари и остроумием (в отличие от лаконичности).

Изображение Mikey Stilts, использовано с разрешения. Загрузите гораздо более крупную версию.

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

Они так же близки к совершенству, как лицо владельца His Noodly Appendage.

Сила Интернета в ее универсальности. Доступ для всех, независимо от инвалидности, является важным аспектом.

Тим Бернерс-Ли

Подчеркивания являются проявлением этого видения.

Теги

доступность, дизайн, удобство использования, UX

Другие сообщения

Предыдущий пост: Анонсирую a11y.отзывы

Более свежий пост: Письмо с сильными формулировками

Создание настраиваемого подчеркивания (Microsoft Word)

Обратите внимание: Эта статья написана для пользователей следующих версий Microsoft Word: 2007, 2010, 2013, 2016, 2019 и Word в Office 365. Если вы используете более раннюю версию (Word 2003 или более раннюю), этот совет может не работать для ты .Чтобы ознакомиться с версией этого совета, написанного специально для более ранних версий Word, щелкните здесь: Создание настраиваемых подчеркиваний.

Когда приходит время подчеркнуть часть текста в документе, многие люди полагаются на инструмент «Подчеркивание» на вкладке «Главная» ленты (в группе «Шрифт»).При этом применяется один тип подчеркивания, но в Word есть несколько типов подчеркивания, которые вы можете использовать. Вы можете увидеть некоторые из этих стилей подчеркивания (их восемь), щелкнув стрелку вниз справа от инструмента «Подчеркивание». Если вам нужно еще больше стилей подчеркивания, щелкните стрелку вниз, а затем выберите «Дополнительные подчеркивания». Word отображает вкладку «Шрифт» диалогового окна «Шрифт». (См. Рисунок 1.)

Рисунок 1. Вкладка «Шрифт» диалогового окна «Шрифт».

Обратите внимание, что в диалоговом окне есть раскрывающийся список под названием «Стиль подчеркивания».Щелкните список, и вы можете выбрать любой из 18 способов подчеркнуть текст (включая «Нет» и «Только слова»). Некоторым людям этого разнообразия может быть недостаточно. Например, вы можете захотеть подчеркнуть свой текст мелкими точками, а не пунктирным подчеркиванием или жирным пунктирным подчеркиванием, оба из которых являются параметрами в раскрывающемся списке «Стиль подчеркивания».

Здесь было бы неплохо создать в Word настраиваемые подчеркивания. К сожалению, сделать это невозможно. Вы, конечно, можете использовать возможности Word для рисования, чтобы создать именно тот тип линий, который вам нужен, но вам нужно будет размещать их по отдельности, а затем перемещать их, если ваш текст перемещается.

Лучшее решение, особенно если вы будете делать много-много подчеркивания определенным образом, — это создать свой собственный шрифт, включающий именно тот тип подчеркивания, который вам нужен. Используя редактор шрифтов (их много на рынке), вы можете выбрать любой шрифт, который вы хотите, изменить этот шрифт, чтобы включить подчеркивание, а затем сохранить шрифт под новым именем. Если вам нужно настраиваемое подчеркивание, просто переключите шрифт на выделенный текст.

Конечно, если вы создадите собственный шрифт, а затем поделитесь документом с другими, вам нужно будет либо убедиться, что у других также есть шрифт, либо вам нужно будет встроить шрифт в документ (как описано в других вопросах из WordTips ).

WordTips — ваш источник экономичного обучения работе с Microsoft Word. (Microsoft Word — самая популярная программа для обработки текстов в мире.) Этот совет (9861) применим к Microsoft Word 2007, 2010, 2013, 2016, 2019 и Word в Office 365. Вы можете найти версию этого совета для старого интерфейса меню Word здесь: Создание настраиваемых подчеркиваний .

Автор Биография

Аллен Вятт

Аллен Вятт — всемирно признанный автор, автор более чем 50 научно-популярных книг и многочисленных журнальных статей.Он является президентом Sharon Parq Associates, компании, предоставляющей компьютерные и издательские услуги. Узнать больше о Allen …

Без учета среднего значения

Вычислить среднее для группы чисел легко. Что делать, если вы хотите исключить из группы пару номеров …

Открой для себя больше

Ограничение выбора в ячейке

Хотите ограничить то, что человек может ввести в определенную ячейку? Для обеспечения соблюдения вы можете использовать функцию проверки данных Excel…

Открой для себя больше

Изменение формата номера страницы

Хотите, чтобы номера страниц не отображались как обычные арабские цифры? Вот способ заставить их появиться в другом …

Открой для себя больше

Ремесленная ссылка подчеркнута на Medium | автор: Marcin Wichary

Если мы насмехаемся над faux жирным шрифтом и курсивом, почему мы не можем рассмотреть правильный отдельный шрифт с подчеркиванием , с подчеркиванием, являющимся частью каждого глифа?

Можно мечтать?

Это потенциально многообещающий, но в нашем случае ошибочный подход:

  • Обслуживание отдельного шрифта повлечет за собой большую задержку (а файлы шрифтов уже являются самой тяжелой частью начальной загрузки Medium).
  • Так как линия «вшита» в шрифт, мы не можем сдвинуть ее или изменить ее ширину в зависимости от размера шрифта… и изменение цвета также запрещено.
  • Проблемы с лицензированием и обслуживанием шрифтов могут слишком усложнить задачу.
  • Кернинг это может быть сложно.

5. Рисование с помощью

Здесь, в Medium, мы используем в некоторых неожиданных для меня местах, например, в наших фирменных размытых изображениях без полей.

Если мы хотим провести линию, почему бы нам просто не провести линию ? HTML , в конце концов, предназначен для управления отдельными пикселями. Это позволит нам настраивать ширину, цвет и даже рисовать нижние элементы. Однако сложность заключается в отсутствии возможности узнать, когда ссылки разрываются — инструментов для точного измерения обернутого текста не существует или они очень дороги в JavaScript.

(Вариант этой идеи также является вариантом вышеупомянутого, имея специальный шрифт с только подчеркивания и рисование поверх фактического текста… который мы должны отклонить по той же причине.)

6. Фоновые изображения и градиенты

Итак, мы пришли к нашему неинтуитивному спасителю: фоновому изображению. На первый взгляд кажется, что фоновые изображения не имеют ничего общего с подчеркиванием. Однако у них есть интересное свойство поддержки обернутого текста (мы уже используем фон для выделения заметок — нажмите на всплывающее окно справа от вас), и за последние годы они приобрели достаточно возможностей, чтобы быть чрезвычайно гибкими.

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

Итак, это то, чем мы могли бы предположить: крошечный градиент; 1 или 2 пикселя в высоту; горизонтально растянута до упора; вертикально аккуратно позиционируется.

7. Очистка нижних элементов

К сожалению, решение для фонового изображения / градиента не позволяет нам очистить нижние элементы.Мой коллега Дастин нашел способ, столь же гениальный, сколь и непрактичный — применил тень текста white CSS или обводку текста, чтобы закрасить подчеркивание и имитировать разрыв между подчеркиванием и текстом.

Подчеркнуть текстовые ссылки в markdown (# 1084) · Проблемы · GitLab.org / gitlab-ui · GitLab

Подчеркнуть текстовые ссылки в уценке

Проблема

Для соответствия требованиям WCAG 2.1 1.4.3 Контрастность (минимальная) (уровень AA) текстовые ссылки должны: а) иметь коэффициент контрастности не менее 3: 1 по отношению к окружающему тексту, и б) иметь значение 4.Контрастность 5: 1 на фоне.

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

Решение

Подчеркнуть текстовые ссылки.

Подчеркивания не обязательно использовать просто text-decoration: также подчеркните . Следующая гифка из этого примера CodePen исследует несколько различных методов.

Вот примеры использования подчеркивания по умолчанию.

Какие пользовательские проблемы это решает?

  • Выделяет важные элементы и ссылки в выпускаемых описаниях, обсуждениях и вики-страницах.
  • Позволяет ссылкам выделяться среди пользователей, которые могут не видеть их из-за мелкого текста и / или низкой контрастности. Это не всегда связано с недостатками зрения. Это может быть при просмотре экрана снаружи или при ярком свете, или когда пользователь включил режим высокой контрастности в своей системе.
  • Соответствует WCAG 2.1 1.4.3 Контрастность (минимальная) (уровень AA), которая приближает продукт к более полному соответствию.

Вне сферы действия

  • Контент и элементы или компоненты, созданные без уценки.
  • Встроенные элементы, у которых уже есть разные стили. Например, связанные имена пользователей или встроенные блоки кода, содержащие ссылки.
  • Встроенные метки.

Текущие ограничения

  • Стили типографики и машинные шкалы из Pyjamas не реализованы в продукте.Это будет большим мероприятием, поэтому возможным решением будет включить это изменение в Pyjamas и отдельно указать в текущем состоянии продукта.

Ресурсы


/ cc @ gitlab-com / gitlab-ux / ux-foundation @mikegreiling

Отредактировано Джереми Элдер Чтобы загружать проекты, вам необходимо включить LFS и разрешить администратору хешированное хранилище. Больше информации

Как обновленный дизайн результатов поиска Google делает Интернет более красивым

Если вы искали что-либо в Google за последний день — и, скорее всего, вы это сделали, — вы могли заметить кое-что другое.На недавно разработанной странице результатов поиска компании исчезло уродливое желтое поле вокруг результатов AdSense (платная реклама, сопровождающая поиск), немного увеличен размер шрифта и, что особенно важно, удалены заметные подчеркивания, которые мы связывали с гиперссылками с момента появления паутина. (Подчеркнутые гиперссылки настолько важны для исторического веб-дизайна, что веб-браузеры подчеркивают ссылки по умолчанию, а это означает, что дизайнеры должны добавлять лишний код для их удаления.)

Google — не первая компания, которая отказалась от подчеркивания.Конечно, Bing по-прежнему использует подчеркнутый текст на своей странице результатов, что по сути является обманом Google, как и мы здесь, в Fast Company . Но для большей части остальной части Интернета следует подчеркнуть, что они цитируют эпизодов Сайнфельда как телевизионные программы, которые нельзя не смотреть прошлой ночью. Для Google удаление подчеркивания — это просто последний гвоздь в гроб этого старого веб-стандарта. Но этот шаг необходим в эпоху, когда мы перемещаемся по сети не с помощью мыши.


Подчеркнутая ссылка имеет добрые намерения в душе.Гиперссылки в той или иной форме существовали с 60-х годов, они были изобретены как способ перекрестных ссылок на электронную документацию. Они вошли в первую в мире электронную книгу «HyperTIES», а затем в программное обеспечение Apple Macintosh 1987 года. Microsoft приняла технологию, лежащую в основе Windows 3.0, для своего файла справки, и когда Интернету потребовалась простая цифровая червоточина для охвата разрозненных страниц, гиперссылка была готова и ожидала. В этих контекстах, имея дело с миром, наивным в отношении цифровых технологий, подчеркивания имели большой смысл — они могли быть способом обозначить: «Эй, вы можете щелкнуть меня!» с одного взгляда.Но они никогда не были идеальным решением.

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

Гиперссылка в том виде, в каком мы ее знаем, постепенно теряет важность.

Итак, что означает, что результаты Google больше не подчеркнуты? Компания отказалась от дальнейших комментариев, что может привести только к предположениям.

С одной стороны, это означает, что новая инициатива Google в области дизайна, инициированная Ларри Пейджем, в рамках которой дизайнеры на платформах Google начали небрежно сотрудничать, чтобы украсить продукты, проникла в ядро ​​Google. Теперь даже жемчужина в короне Google, результаты его поиска, сопровождаемые тем печатным устройством, которым является AdSense, развили вкус, выходящий за рамки стереотипного инженера Google, который прежде всего отстаивает тестирование.

Но одного вкуса редко бывает достаточно, чтобы добиться расположения Google.Google никогда бы никогда не удалил гиперссылки на своей главной странице (и снова AdSense!), Если бы он не протестировал новый дизайн и если бы компания не была полностью уверена, что дизайн не повлияет на способность Google генерировать клики. Можно с уверенностью заключить, что подчеркивание — это лишний маркер, по крайней мере, на страницах Google, которые мы все использовали бесчисленное количество раз, особенно когда текст ссылки все еще того же старого оттенка синего, заполняя «эй, я ссылка что вы можете щелкнуть самостоятельно. (О, и чтобы не испортить вечеринку, но надоедливые подчеркивания все равно всплывают, если навести на них курсор.Мне также было бы любопытно, если бы без рамки вокруг результатов AdSense пользователи с большей вероятностью приняли бы их за обычные результаты поиска Google и дали бы рекламодателям клик.

Главный вывод заключается в том, что Интернет действительно становится более красивым, поскольку он эволюционирует от серии проиндексированных гиперссылок к серии опытов, в которых текст и изображения плавно сочетаются (см. Редизайн NYT), где люди будут использовать всевозможные придатки. кроме мыши для навигации (см. iPad и Google Glass), и где все больше и больше нашего контента обрабатывается интеллектуальными алгоритмами, а не интеллектуальными щелчками (см. Facebook и Google Now).

Подчеркнутая гиперссылка умирает в основном потому, что идея гиперссылки, как мы ее знаем, теряет значение — даже для компании, которая построила свою империю путем сканирования и индексации их всех.

Подробнее здесь .

Четыре способа подчеркнуть текст в LaTeX — alexwlchan

Поскольку я старомоден, я все еще пишу печатные документы на L a T e X, и я по-прежнему считаю, что гиперссылки следует подчеркивать. В целом, я рад, что подчеркивание как форма акцента исчезло (жирный шрифт или курсив намного лучше), но меня еще не убедили убирать подчеркивание в гиперссылках.

Иногда мне приходится писать печатные документы, содержащие гиперссылки, и возникает вопрос: как написать подчеркивание в L a T e X? Найти понравившееся подчеркивание оказалось на удивление сложно — в этом посте я покажу вам, как я пытался подчеркнуть текст.

Использование команды \ underline

Без установки каких-либо пакетов вы можете просто использовать команду \ underline . Вот пример:

  Я был в \ underline {Берлине} в \ underline {Германии}. 

и результат рендеринга:

Подчеркивание «Берлин» красивое и плотное, но обратите внимание, что подчеркивание «Германия» ниже, чем «Берлин». Это для того, чтобы приспособить спусковое устройство на букву «y». (Нисходящий элемент — это любая часть буквы, которая располагается ниже базовой линии текста. Например, у «p», «y» и «j» есть нижние элементы, но у «a», «i» и «x» нет т.)

Непоследовательность — вот что мне не нравится в этом подходе. Это нормально для одноразового подчеркивания, но в более крупном документе несоответствие становится очень очевидным, и мне не нравится, как оно выглядит.

Пакет души

Если мы посмотрим за пределы ядра L a T e X, в пакете души есть множество методов украшения текста, включая подчеркивание, зачеркивание и межбуквенный интервал. Он обеспечивает команду подчеркивания, позволяющую избежать несогласованности. Например:

  \ usepackage {soul}.

Я был в \ ul {Берлине} в \ ul {Германии}.
  

отображается как:

Теперь два подчеркивания находятся на одном уровне. Они расположены достаточно глубоко, чтобы в шрифте не было никаких нижних элементов.Но мне не нравится пробел под словом «Берлин» — я предпочитаю его плотно прилегать к нижней части текста, как с командой \ underline .

В пакете soul есть макрос \ setuldepth , который позволяет нам настраивать высоту строк. Мы передаем ему некоторый текст, и он рисует подчеркивание чуть ниже самого нижнего символа, содержащегося в тексте — ровно настолько, чтобы избежать каких-либо нижних элементов. Итак, чтобы соответствовать интервалу на «Берлин», мы должны написать:

  \ setuldepth {Berlin}
Я был в \ ul {Берлине} в \ ul {Германии}. 

, который выглядит так:

Теперь «Берлин» выглядит лучше, но подчеркивание пересекает букву «y» слова «Германия». Это тоже не здорово.

Пакет ulem

Как и soul, пакет ulem позволяет выделять текст подчеркиванием (включая двойное и волнистое подчеркивание) и зачеркиванием. В общем случае он ведет себя аналогичным образом: подчеркивание по умолчанию рисуется достаточно низко, чтобы не пересекать какие-либо нижние элементы, или вы можете настроить глубину подчеркивания с помощью макроса.

Сначала пример с высотой по умолчанию.

  \ usepackage {ulem}

Я был в \ uline {Берлине} в \ uline {Германии}.
  

Во-вторых, пример с ручной регулировкой глубины.

  \ refreshcommand {\ ULdepth} {1.8pt}

Я был в \ uline {Берлине} в \ uline {Германии}.
  

Но он страдает той же проблемой, что и душа — если вы отрегулируете глубину подчеркивания, он пересечется с нижними.

Вырезание спусковых элементов

Что мне действительно нужно, так это последовательная и плотная глубина подчеркивания в последних примерах соул и улем, но с некоторыми пробелами в подчеркивании для размещения спусковых элементов там, где это необходимо.На мой подход я черпал вдохновение из T e X.SX Stack Exchange: используйте пакет contour, чтобы нарисовать белый контур текста под реальным текстом, и используйте его, чтобы скрыть фрагменты подчеркивания.

Вот как вы используете контур для обводки буквы (выделен красным, чтобы эффект был виден):

  \ usepackage {contour}

\ contourlength {1pt}

\ newcommand {\ mycontour} [1] {%
  \ contour {красный} {# 1}%
}

Я посетил \ mycontour {Берлин} в \ mycontour {Германии}.
  

Параметр \ contourlength определяет ширину кривой — сколько дополнительного пространства добавляется.Я обычно настраиваю это, пока не получу что-то, что хорошо смотрится со шрифтом. Затем макрос \ contour рисует предоставленный текст с красным контуром вокруг букв.

Затем я заменяю красный на белый и добавляю подчеркивание:

  \ Renewcommand {\ ULdepth} {1.8pt}
\ contourlength {0.8pt}

\ newcommand {\ myuline} [1] {%
  \ uline {\ phantom {# 1}}%
  \ llap {\ contour {белый} {# 1}}%
}

Я был в \ myuline {Berlin} в \ myuline {Германии}.
  

Здесь две части: во-первых, \ phantom занимает то же горизонтальное пространство, что и подчеркнутый текст, но на самом деле ничего не печатает.Поместив это внутри \ uline , вы получите подчеркивание точно нужной ширины для текста.

Затем, поскольку у вас уже есть горизонтальное смещение, поверх него располагается \ llap (левое перекрытие), отрисовывая текст и белый контур. Поскольку он идет вторым, он перекрывает подчеркивание — при необходимости рисует белые промежутки для нижнего элемента, например, на «y».

Я использую ulem, а не soul, поэтому я могу очень точно настроить глубину, в основном это случай пробовать разные значения, пока не найду что-то, что подходит шрифту.То же самое с длиной контура, я просто пробую, пока не получится красиво.

Собираем все вместе

Вот код, на котором я остановился:

  \ usepackage {contour}
\ usepackage {ulem}

\ Renewcommand {\ ULdepth} {1.8pt}
\ contourlength {0.8pt}

\ newcommand {\ myuline} [1] {%
  \ uline {\ phantom {# 1}}%
  \ llap {\ contour {белый} {# 1}}%
}
  

Это дает мне действительно приятное подчеркивание. Он нарисован на одном уровне, заподлицо с нижней частью текста, с пробелами, соответствующими нижнему краю.Если я захочу настроить его дальше — возможно, отрегулировать толщину подчеркивания или придать ему другой цвет — настройки в пакете ulem дают мне много возможностей для дальнейшего уточнения.

Вот последний пример, гиперссылка из моего резюме:

Мне особенно нравятся «py» и «yp» в этой ссылке, которые действительно хорошо демонстрируют эффект, а также нижняя чаша на ведущей « грамм».

В последний раз мое резюме было написано около года назад, когда я подавал заявление о приеме на текущую работу.Я потратил много времени на то, чтобы возиться с подчеркнутыми ссылками, прежде чем остановился на приведенном выше, потому что все остальное меня не устраивало.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *