TGViewer
WebDev+ | Веб-разработка WebDev+ | Веб-разработка @webdev_plus · 7.92K subscribers
Post #1523 594
CSS Tip: Автоматически помечайте внешние ссылки
Если ссылка открывается в новой вкладке через target="_blank", можно добавить к ней визуальный индикатор с помощью CSS.

a[target="_blank"]::after {
content: " ↗️";
}


Преимущества:
✅ Пользователь сразу видит, что ссылка откроется в новой вкладке
✅ Улучшается UX без изменения HTML-разметки
✅ Работает автоматически для всех внешних ссылок с target="_blank"
✅ Не нужно вручную добавлять иконки в каждую ссылку

Небольшая деталь, которая делает интерфейс более понятным.
#CSS #Frontend #WebDev #UIDesign

@WebDev_Plus
More from @webdev_plus
  1. Oct 5, 2026Фронтендер психанул и написал крестики-нолики без HTML и JavaScript Вся игра работает прак…
  2. Oct 4, 2026Годный генератор CSS-паттернов для ваших проектов Тут можно быстро собирать крутые CSS-пат…
  3. Oct 4, 2026Таблица Менделеева для HTML Бесплатная интерактивная шпаргалка: теги по категориям, поиск,…
  4. Oct 3, 2026Как посмотреть SQL-запрос в Laravel Eloquent? Используйте метод toSql(), чтобы увидеть SQL…
  5. Oct 3, 2026Совет по Laravel: доступ к вложенным массивам через точечную нотацию Используйте dot notat…
  6. Oct 2, 2026Laravel: несколько счётчиков одним запросом Методы incrementEach() и decrementEach() позво…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →