Как убрать подчеркивание в айфоне

Как убрать подчеркивание в айфоне

Будь в курсе последних новостей из мира гаджетов и технологий

iGuides для смартфонов Apple

iOS 17 наконец прокачала клавиатуру айфона. Ввод текста — просто магия!

Олег Воронин — 29 июля 2023, 16:30

Фото: MacRumors

Ранее мы уже рассказали, что нового в Safari появится с выходом iOS 17. Однако на WWDC 2023 компания Apple пообещала нам еще и кардинально улучшенный ввод текста на встроенной клавиатуре. И новая ОС действительно содержит немало приятных нововведений. Вот всё, что удалось найти в текущих бета-версиях:

• Автозамена. В iOS 17 используется переработанная технология машинного обучения для автозамены текста. Новая языковая «модель-трансфер» гораздо лучше анализирует личные предпочтения пользователя, его словарный запас и индивидуальные особенности. Источник пишет, что уже спустя несколько недель пользователи iOS 17 заметят, что подсказки стали гораздо лучше и точнее.

Подписаться на iGuides в Telegram, чтобы узнать обо всем первым.

• Исправление автозамены. Теперь, если автозамена исправляет слово, которое не надо исправлять, вам будет проще откатить замену. Достаточно нажать на синее подчеркивание и выбрать там свое слово со значком возврата.
• Автозаполнение слов. Клавиатура в iOS 17 теперь позволяет вставить предлагаемое слово просто нажатием на пробел — больше не нужно начинать набирать его, чтобы оно подставилось в поле ввода. А еще система иногда предлагает целые предложения или их части.

Фото: MacRumors

• Грамматика. После того, как вы закончили набирать слово, iPhone подчеркнет его, если была допущена грамматическая ошибка. Нажав на него, вы увидите доступные варианты исправления. Apple собрала в этой функции все распространенные грамматические ошибки для разных языков.
• Диктовка. Новая языковая «модель-трансфер» внедрена и в систему распознавания речи и преобразования её в текст. Например, она теперь по контексту может понять, что именно вы говорите, когда слово звучит нечетко.
• Стикеры-эмодзи. В iOS 17 вы можете использовать все стикеры, сделанные вручную, вместе с обычным набором эмодзи. А еще вы можете использовать стикеры в качестве эмодзи в еще большем количестве сторонних приложений и в других местах системы.

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

4 бесполезных функции iOS 17, которые вы захотите отключить сразу после обновления Айфона

Apple постаралась повторить успех iOS 16 по уровню хайпа и выпустила не менее обсуждаемую iOS 17, оснастив ее рядом полезных функций. Естественно, обновление уже оказалось проблемным за счет снижения автономности Айфона да и не все нововведения на деле оказались не такими уж и полезными. Более того, некоторые из них уже бесят пользователей, обновивших свои смартфоны, так что, если решите скачать iOS 17, обязательно отключите их сразу же после установки. Минус в том, что некоторые бесполезные функции iOS 17 спрятаны глубоко в системе, поэтому их еще предстоит найти. Смотрите, как это сделать.

Эти функции вы захотите отключить сразу после обновления Айфона

Что делать, если не работают расширения в Сафари

Расширения для Safari так и не стали похожими на дополнения в Гугл Плей. Тем не менее, среди них есть полезные — вроде блокировщиков рекламы, которые работают в фоновом режиме незаметно от пользователя. Но вот незадача: теперь в режиме частного доступа они по умолчанию отключены, поэтому при просмотре веб-страниц будут появляться тонны баннеров, которые все портят. Для этого дополнения в Сафари нужно включить вручную.

• Зайдите в Настройки и выберите Safari.
• Прокрутите экран вниз и нажмите «Расширения».

Блокировщики рекламы и другие дополнения можно включить для работы в режиме Частного доступа

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

Защита от нежелательного контента в iOS 17

Apple продолжила прокачивать iMessage в iOS 17, надеясь, что он со временем все-таки догонит Ватсап или Телеграм. Получилось неплохо: в приложение добавили функцию защиты от нежелательного контента, которая блокирует обнаженные фотографии еще до открытия чата пользователем. И это действительно удобная функция — она сбережет психику детей, но взрослым она вряд ли пригодится. В некоторых случаях она автоматически включается по умолчанию, но ее можно деактивировать.

Зайдите в настройки Айфона и выберите «Конфиденциальность и безопасность».

На данный момент, функция работает очень точно

Теперь при получении подобной фотографии система заблюрит ее и добавит надпись «Возможно, это нецензурно». По сути, ее легко обойдет даже ребенок, нажав кнопку «Показать», поэтому функции не хватает авторизации по Face ID, но в целом, попытка неплохая. Однако при случайном нажатии можно заблокировать контакт и не заметить этого — будьте внимательны и включайте функцию при необходимости.

Как настроить режим ожидания iOS 17

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

• Подключаем Айфон к зарядке и устанавливаем горизонтально. Например на такую подставку.
• Касаемся экрана и удерживаем нужный виджет.

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

Теперь на экране будут отображаться только выбранные вами виджеты, а при необходимости можно добавить удаленные, нажав «+».

Как убрать уровень в камере Айфона

В iOS 17 Apple прокачала приложение Камера в Айфоне, сделав его немного удобнее. В частности, появился уровень, чтобы не заваливать горизонт. При этом он не является частью сетки, которая не многим привычнее, и работает отдельно. Уровень камеры в iOS 17 включен по умолчанию, но нужен не всем пользователям, так как часто мешается.

• Заходим в настройки iPhone и выбираем «Камера».
• Пролистайте страницу и выключите тумблер возле пункта «Камера».

Сетка в камере отключается прямо в настройках Айфона

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

Как убрать подчёркивание ссылок

По умолчанию все ссылки подчёркнуты синим, но такое оформление легко изменить с помощью CSS-свойства text-decoration: none .

Убираем подчёркивание ссылок в CSS

Допустим, у вас есть ссылка:

Чтобы убрать нижнее подчёркивание, откройте файл со стилями и пропишите:

.link

Вместо селектора по классу можно использовать и другие, например, селектор по типу элемента или атрибуту id .

Убираем подчёркивание ссылок в HTML

Если у вас нет доступа к стилевому файлу или на работе принято инлайнить стили, можете убрать подчёркивание прямо в HTML.

Сбросить стили в одной ссылке:

Убрать оформление во всех ссылках:

Селектор может быть любым — мы для примера показали селектор тега.

Будьте осторожны при сочетании инлайн-стилей и внешнего CSS, ведь стили в атрибуте style сложно переопределить.

Когда убирать подчёркивание

Убирайте подчёркивание, если планируете стилизовать ссылку как кнопку или другой интерактивный элемент вроде карточки товара. В других случаях лучше его оставить, потому что подчёркивание ссылок привычно для пользователей. Если вы сбросите стили, посетителям сайта будет сложнее отличить ссылки от обычного текста.

Необязательно использовать стили по умолчанию — можно оформить ссылки иначе, например, добавив подчёркивание с помощью анимации, изменив его толщину и начертание или задав другой цвет:

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

Так что, если вам не нравится, как выглядят ссылки — стилизуйте их по-своему. Примеры можете подсмотреть в статье про нестандартное подчёркивание текста на чистом CSS. Главное — не забывайте про UX и старайтесь поменьше инлайнить.

Материалы по теме

• Как написать и запустить HTML на компьютере
• Как сверстать макет. Пошаговый план
• Шаблон простого сайта на HTML

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

Читать дальше

Новое в 2023 — text-wrap: balance

В 2023 в CSS появилось любопытное свойство text-wrap со значением balance . Оно «уравновешивает» текстовые элементы, чтобы они приятнее выравнивались внутри блока.

Ограничение — текст не длиннее 6 строк, иначе браузеру придётся непросто, и лучше не применять это свойство к body .

Вот пример заголовка c text-wrap: balance и без него.

На момент написания заметки свойство поддерживается во всех больших браузерах, кроме Safari, а на мобильных — только в Chrome, но то ли ещё будет.

• 13 ноября 2023

Знакомство с CSS

После того как мы разобрались с базовой структурой веб-страницы с помощью HTML, пришло время привнести в неё стиль и красоту. В этом нам поможет CSS, что означает Cascading Style Sheets, или «каскадные таблицы стилей».

CSS используется для оформления HTML-страниц. Если HTML — это скелет сайта, то CSS — его одежда. С помощью CSS мы можем задавать цвета, шрифты, отступы, добавлять анимации и многое другое.

• 1 ноября 2023

Увеличение ссылки при наведении

Задача: плавно увеличить ссылку при наведении.

Решение:

a < display: inline-block; transition: transform 0.3s ease; >a:hover

Первые два свойства просто немного меняют вид ссылки. Свойство color: maroon; меняет цвет текста в тегах на темно-красный, а свойство text-decoration : none; убирает подчеркивание.

Но наша задача — плавно увеличить размер ссылки, а не просто её перекрасить. Поэтому используем свойство transform: scale(1.2) , которое срабатывает при наведении курсора и увеличивает размер ссылки в 1.2 раза по сравнению с её начальным размером.

• 13 октября 2023

WOFF больше не нужен

Я купил и скачал шрифты для недавнего проекта, распаковал папку, где были только WOFF2-файлы, и сначала не поверил, что такое бывает.

Потом мне стало интересно: они что, забыли WOFF? А он вообще ещё нужен? Ну, всё-таки, веб — это место, где постоянно всё меняется и улучшается, поэтому я пошёл и спросил людей в Mastodon. Ответ был единодушным: нужен только WOFF2!

Я хорошо помню пост от Зака в конце 2016, после которого я отказался от исчерпывающего синтаксиса @font-face , включавшего, вдобавок, TTF, EOT и SVG-шрифты, и перешёл только на WOFF2 и WOFF.

Похоже, с тех пор мир веб-шрифтов изменился ещё разок, и вот актуальная версия @font-face :

@font-face

Остался всего один формат. Просто, скажите?

Как писал Зак, «так как в вебе, когда шрифт не найден, всё равно подгружаются системные шрифты, мы можем идти в ногу со временем». Итак, какие браузеры отправятся в тёмные века системных шрифтов с этим синтаксисом?

• IE 11, 10, 9, 8, 7, …
• Chrome 4–35
• Edge 12 и 13
• Safari 3–9.1
• Firefox 2–38
• Opera 22 и ниже
• Android 4.4.4 KitKat и ниже (а это
• Safari на iOS 3.2–9.3

Caniuse.com показывает, что почти у 95% пользователей есть браузер с поддержкой WOFF2. А в относительной статистике (Date Relative — прим. перев.) заметно, что массовый переход на WOFF2 случился в 2015 и 2016. К концу 2016 во всех последних версиях больших браузеров появилась поддержка WOFF2.3

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

С другой стороны, нет смысла и удалять WOFF из старых проектов. Если вы подключали WOFF2 раньше WOFF внутри @font-face — и порядок здесь важен — то браузер просто скачает и подключит WOFF2-версию.

И если однажды вы, как и я, обнаружите себя перед папкой, полной файлов WOFF2, знайте, что WOFF — уже всё.

• 23 сентября 2023

Трясём пароль с помощью CSS

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

Вот что получится в итоге:

• 7 сентября 2023

Как сделать тёмную тему на сайте

Без лишних слов создадим простой переключатель для светлой и темной темы с использованием HTML, CSS и JavaScript. Нам понадобятся три файла — index.html , styles.css и script.js .

HTML

Основная разметка страницы — заголовок, абзац текста, список и текст в рамке.

CSS (styles.css):

Здесь задаём цвета для светлой и тёмной темы, а ещё минимальную стилизацию текста и блока с рамкой.

body < font-family: Arial, sans-serif; transition: background-color 0.3s ease; >body.light-theme < background-color: #ffffff; color: #000000; >body.dark-theme < background-color: #121212; color: #ffffff; >.boxed-text

JavaScript (script.js)

Этот код нужен, чтобы переключать тему при нажатии на кнопку:

document.getElementById('themeToggle').addEventListener('click', function() < const currentTheme = document.body.className; if (currentTheme === 'light-theme') < document.body.className = 'dark-theme'; >else < document.body.className = 'light-theme'; >>); 

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

• 29 августа 2023

4 способа центрировать текст в CSS

Центрирование элементов на веб-странице — это одна из наиболее распространенных задач, с которой мы сталкиваемся при работе с макетами. И хотя центрирование текста по горизонтали довольно простое ( text-align: center; и делов-то), вертикальное центрирование может быть немного сложнее. Давайте рассмотрим несколько методов.

Метод 1: Flexbox

Flexbox — это один из самых простых и эффективных способов центрирования.

Заворачиваем текст в с классом center-both :

 
Центрированный текст
 
 

.center-both

Метод 2: CSS Grid

HTML такой же, как в предыдущем примере. В CSS включаем гриды и используем свойство place-items со значением center :

.center-both

Метод 3: позиционирование и Transform

Этот метод немного старомодный и работает не идеально. Здесь у div устанавливается relative позиция. А

внутри дива мы сдвигаем с помощью абсолютного позиционирования. Не слишком элегантно:

.center-both < position: relative; >.center-both p

HTML остается таким же. Вот что получается:

Плохой метод: использование line-height

Если у вас однострочный текст, вы можете установить line-height , равный высоте родительского элемента.

.center-both < line-height: 200px; /* Пример высоты */ text-align: center; >

Этот метод не подойдет для многострочного текста. Да и вообще мы очень не рекомендуем так делать, это прям совсем для любителей острых ощущений. Потому что вот:

Если вам интересно узнать больше о каждом из этих методов, рекомендуем посмотреть документацию по Flexbox на MDN или документацию по CSS Grid на MDN, а ещё пройти курсы в HTML Academy.

• 28 августа 2023

Как скруглить рамку. CSS-свойство border-radius

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

• 28 июля 2023

CSS-свойство contain

Представьте, что у вас есть контейнер. Внутри него находятся разные элементы: текст, изображения или что-то другое. Свойство contain говорит браузеру, как именно элементы должны взаимодействовать. Например, они могут быть ограничены, влиять на расположение друг друга или менять свои размеры.

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

⭐ CSS-свойство contain определяет, как элемент должен взаимодействовать с другими элементами внутри контейнера.

Синтаксис

.container

• 14 июля 2023

Как задать позицию и размер элемента. CSS-свойство inset

CSS-свойство inset задаёт позицию и размер элемента на странице. Это комбинация четырёх отдельных свойств: top , right , bottom и left , которые определяют отступы от верхнего, правого, нижнего и левого края элемента.

Синтаксис

.element

• 13 июля 2023

Очень удобная фишка в iOS 13 для быстрой правки текста

В закладки

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

Предположим, у вас на айфоне есть «стена» текста, а в ней – ошибки. Раньше надо было переводить курсор на каждую опечатку, править, затем снова захватывать курсор пальцем и править следующую.

В iOS 13 курсор можно зацепить и не отпускать, как будто это мышка. А второй рукой – свободно использовать клавиатуру: стирать, ставить пробелы, добавлять пропущенные буквы и так далее.

На айфонах с большим дисплеем или на iPad это будет сделать проще, чем, скажем, на iPhone SE. Но фича так или иначе есть на всех устройствах, поддерживающих iOS 13 и iPadOS.

Ещё раз, как это делается:

1. Зажимаете палец на курсоре в любом приложении
2. Двигаете курсором туда, где нужно что-то дописать, стереть или поправить
3. Не отпуская курсор, второй рукой правите текст с экранной клавиатуры
4. …
5. PROFIT!

Фича не работает, если двигать курсор через зажатый пробел или 3D Touch.