{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Блоги: заметки с тегом технозависимость",
    "_rss_description": "Автоматически собираемая лента заметок, написанных в блогах на Эгее",
    "_rss_language": "ru",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": false,
    "_itunes_explicit": "no",
    "home_page_url": "https:\/\/blogengine.me\/blogs\/tags\/tehnozavisimost\/",
    "feed_url": "https:\/\/blogengine.me\/blogs\/tags\/tehnozavisimost\/json\/",
    "icon": false,
    "authors": [
        {
            "name": "Илья Бирман",
            "url": "https:\/\/blogengine.me\/blogs\/",
            "avatar": false
        }
    ],
    "items": [
        {
            "id": "132716",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-154\/",
            "title": "На интерфейсном курсе: форма слишком сложная",
            "content_html": "<p>Разбираем интерфейс ввода адреса в форме. Получилось слишком сложно: от пользователя требуется огромная внимательность при заполнении. Смотрим на золотой стандарт: поле поиска по всему интернету. 4 минуты:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/YIwCjtdp5Y4?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Также есть <a href=\"https:\/\/vk.com\/video286049442_456239437\">на ВК-видео<\/a>.<\/p>\n<p>Это фрагмент № 154 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 17 ноября 2023 года.<\/p>\n<p>Идёт запись на курс, который пройдёт 7 декабря — 5 января. Сейчас −20% из-за ранней записи.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "date_published": "2024-11-14T12:21:04+05:00",
            "date_modified": "2024-11-14T12:20:29+05:00",
            "tags": [
                "веб-формы",
                "пользовательский интерфейс",
                "студентам",
                "технозависимость",
                "фрагменты курса ПИ"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Thu, 14 Nov 2024 12:21:04 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "132716",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "126385",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/how-to-cut-text\/",
            "title": "Как нормально обрезать текст",
            "content_html": "<p><a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/facebook-see-more\/\">На днях я рассказывал<\/a>, как хреново работает Фейсбук с длинными постами: обрезает в случайном месте, теряет место чтения при разворачивании. А как надо? Давайте сначала разберёмся с обрезанием.<\/p>\n<p>Обрезать в случайном месте — это неуважение к автору и тексту и лишнее подтверждение тому, что Фейсбуку плевать, что вы там пишете. И это пример лютой технозависимости: машине проще всего резать по определённому числу символов, вот она и режет. За этим даже нет эстетического резона вроде «вместиться в определённый элемент дизайна» (что тоже было бы неуважением к автору и тексту, но хотя бы имело бы гуманистические корни), потому что физический размер строк одинаковой длины в символах в общем случае может отличаться в разы (iii — ЮЮЮ). Даже в моём примере из Фейсбука до конца строки влезло бы ещё несколько слов:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/fb-see-more-3@2x.jpg\" width=\"640\" height=\"417\" alt=\"\" \/>\n<\/div>\n<p>Иногда при обрезании в случайном месте текст не просто ломается, а искажается или даже приобретает совсем нежелательный смысл. Конечно же, я собираю коллекцию примеров на эту тему, Лиз Трасс добавилась туда буквально на днях:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/liz-truss-anal@2x.jpg\" width=\"314\" height=\"487\" alt=\"\" \/>\n<\/div>\n<p>Почему-то анал в этом случае — главный чемпион:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/some-chat-anal@2x.jpg\" width=\"375\" height=\"156\" alt=\"\" \/>\n<\/div>\n<p>Больше примеров — <a href=\"https:\/\/t.me\/ilyabirman_channel\/8587\">у меня в телеграме<\/a>.<\/p>\n<p>Соответственно, если без обрезания не обойтись, то обрезать надо аккуратно. Как делает Эгея?<\/p>\n<p>Число символов, в которое нужно уложиться, считается примерным ориентиром, а не точным значением. Если нужно уложиться в 140 символов, а текст имеет длину 143, то Эгея просто не будет его трогать. Если текст заметно длинее предела, то Эгея разделит его на предложения и постарается взять столько полных предложений, сколько влезет. Вот, например, сниппет этой заметки:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/aegea-snippet-of-this@2x.jpg\" width=\"491\" height=\"236\" alt=\"\" \/>\n<\/div>\n<p>Но если в результате получилось слишком мало (или не влезло вообще ни одного предложения целиком), она будет искать другие признаки безопасных мест: точки с запятой, тире, запятые, скобки. Только если ничего из этого нет, то она будет ориентироваться на пробелы. И только если и пробелов нет, она обрежет по числу символов. Отсутствие пробелов — верный признак, что самому автору было плевать на смысл, так что не страшно, если Эгее будет немножко тоже.<\/p>\n<p>В общем Эгея будет стараться сделать как можно ближе к нужной длине, но так, чтобы смысл не пострадал.<\/p>\n<p>Казалось бы, если я могу такое напрограммировать, то что мешает Фейсбуку? Да то, что никому даже в голову не приходила идея, что есть хоть какой-то смысл стараться сделать хорошо, просто нет такого понятия в мире Фейсбука даже.<\/p>\n<p>Но что же делать, если у вас дизайн, и вам ну вот прям надо уложиться в определённый прямоугольник, плюс-минус слово никак нельзя?<\/p>\n<p>Тогда вместо многоточия можно прятать не влезающие штуки под градиент. Например, наложить его на последнюю строчку текста, как сделано в бюролекциях:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/bureau-text-gradient@2x.jpg\" width=\"640\" height=\"225\" alt=\"\" \/>\n<\/div>\n<p>Важно, чтобы градиент был достаточно длинным, чтобы не было разрыва на конкретной букве.<\/p>\n",
            "date_published": "2022-10-23T00:38:11+05:00",
            "date_modified": "2024-03-24T15:12:07+05:00",
            "tags": [
                "пользовательский интерфейс",
                "студентам",
                "текст",
                "технозависимость",
                "человечность",
                "Эгея"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Sun, 23 Oct 2022 00:38:11 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "126385",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        }
    ],
    "_e2_version": 4079,
    "_e2_ua_string": "Aegea 11.0 (v4079e)"
}