{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Блог Ильи Бирмана: заметки с тегом оформление гиперссылок",
    "_rss_description": "Блог Ильи Бирмана о дизайне, городах, музыке и жизни.",
    "_rss_language": "ru",
    "_itunes_email": "ilyabirman@ilyabirman.ru",
    "_itunes_categories_xml": "<itunes:category text=\"Arts\"><itunes:category text=\"Design\" \/><\/itunes:category>\r\n<itunes:category text=\"Society &amp; Culture\"><itunes:category text=\"Personal Journals\" \/><\/itunes:category>\r\n<itunes:category text=\"Technology\" \/>\r\n",
    "_itunes_image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic-square@2x.jpg?1573933764",
    "_itunes_explicit": "no",
    "home_page_url": "https:\/\/ilyabirman.ru\/meanwhile\/tags\/oformlenie-giperssylok\/",
    "feed_url": "https:\/\/ilyabirman.ru\/meanwhile\/tags\/oformlenie-giperssylok\/json\/",
    "icon": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764",
    "authors": [
        {
            "name": "Илья Бирман",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
            "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
        }
    ],
    "items": [
        {
            "id": "4136",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/dashed-underline\/",
            "title": "Как подчеркнуть ссылку пунктиром",
            "content_html": "<p>В рунете иногда используется такой приём — подчёркивание ссылки прерывистой линией. Обозначает, что это на самом деле не ссылка, а какая-то штука, которая сработает прямо на странице.<\/p>\n<p>Я называю такие ссылки «недоссылками», а Артём говорит «дыдыдышка» (изображает прерывистость линии словом dash).<\/p>\n<p>Это редко когда годится, поэтому общий совет: не уверены — не используйте.<\/p>\n<p>Но если уж взялись использовать, рисуйте нормально. Хорошо выглядит вот такое подчёркивание, где галочка:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/dashed-underline.png\" width=\"560\" height=\"240\" alt=\"\" \/>\n<\/div>\n<p>Остальные варианты на этой картинке не годятся.<\/p>\n<p>Когда точки идут слишком часто, не видно отдельных штрихов, получается просто более тонкая линия. Когда штрихи слишком длинные, они становятся сравнимы по размеру с буквами, возникает ненужное взаимодействие. Вот это отстой:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/dashed-underline-bad.png\" width=\"236\" height=\"98\" alt=\"\" \/>\n<\/div>\n<p>И саму линию надо делать тоньше. Но всё же толще, чем для сплошного подчёркивания, чтобы оно не потерялось. В моём хорошем примере линия полупиксельная. Если сделать четвертьпиксельную — уже плохо видно. А сплошному подчёркиванию вполне бы хватило.<\/p>\n<p>Опытным путём установлено, что идеальный паттерн — это чередование трёхпиксельных штрихов и двухпиксельных пробелов (это как раз то, около чего галочка):<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/dashed-underline-zoom.png\" width=\"865\" height=\"513\" alt=\"\" \/>\n<\/div>\n<p>Непунктирные ссылки по теме:<\/p>\n<ul>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/thinner-than-a-pixel\/\">как понять «тоньше пикселя»<\/a>,<\/li>\n  <li><a href=\"http:\/\/artgorbunov.ru\/bb\/soviet\/20120717\/\">почему надо делать тонкое подчёркивание<\/a>,<\/li>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/tonkoe-podchyorkivanie-cherez-border\/\">почему тонкое подчёркивание лучше делать через бордер<\/a>,<\/li>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/punktirnoe-i-tonkoe-podchyorkivanie-v-fotoshope\/\">как делать пунктирное и тонкое подчёркивание в Фотошопе<\/a> (видео);<\/li>\n  <li><a href=\"http:\/\/artgorbunov.ru\/projects\/galochki\/\">галочки для шрифтов<\/a>.<\/li>\n<\/ul>\n",
            "summary": "В рунете иногда используется такой приём — подчёркивание ссылки прерывистой линией. Обозначает, что это на самом деле не ссылка, а какая-то штука, которая сработает прямо на странице",
            "date_published": "2016-07-14T14:33:58+05:00",
            "date_modified": "2020-05-29T21:22:23+05:00",
            "tags": [
                "дизайн",
                "дизайн сайтов",
                "дизайнерская терминология",
                "оформление гиперссылок",
                "пользовательский интерфейс",
                "студентам"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/dashed-underline.png",
            "_date_published_rfc2822": "Thu, 14 Jul 2016 14:33:58 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4136",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/dashed-underline.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/dashed-underline-bad.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/dashed-underline-zoom.png"
                ]
            }
        },
        {
            "id": "2302",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/quoted-links\/",
            "title": "Правильный способ брать ссылки в кавычки",
            "content_html": "<p>Бывает так, что нужно поставить ссылку на что-то, что пишется в кавычках:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/quoted-link-bad@2x.png\" width=\"671\" height=\"44\" alt=\"Закавыченные ссылки\" \/>\n<\/div>\n<p>Некоторых ребят учили (а некоторые сами догадались), что подчёркнутые кавычки — это уродство. Поэтому делать ссылкой стали лишь то, что в кавычках:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/quoted-link-ok@2x.png\" width=\"671\" height=\"44\" alt=\"Правильные закавыченные ссылки\" \/>\n<\/div>\n<p>Но и с точки зрения смысла, и с точки зрения следствий закона Фиттса кавычки должны быть частью ссылки: они относятся к тем словам, которые в них заключены значительно в большей степени, чем к окружающему тексту, и попасть в ссылку тем проще, чем большего она размера.<\/p>\n<p>Поэтому ссылкой нужно делать слова вместе с кавычками, а подчёркивать при этом никто не запрещает только то, что внутри:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/quoted-link-good@2x.png\" width=\"671\" height=\"44\" alt=\"Правильные закавыченные ссылки\" \/>\n<\/div>\n",
            "summary": "Бывает так, что нужно поставить ссылку на что-то, что пишется в кавычках",
            "date_published": "2008-12-30T03:33:42+05:00",
            "date_modified": "2022-10-06T00:53:05+05:00",
            "tags": [
                "кавычки",
                "оформление гиперссылок",
                "типографика"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/quoted-link-bad@2x.png",
            "_date_published_rfc2822": "Tue, 30 Dec 2008 03:33:42 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "2302",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/quoted-link-bad@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/quoted-link-ok@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/quoted-link-good@2x.png"
                ]
            }
        }
    ],
    "_e2_version": 4269,
    "_e2_ua_string": "Aegea 12.0a (v4269e)"
}