{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "Саш, сделай красиво: заметки с тегом таблица",
    "_rss_description": "Я, Саша, дизайн-директор в КонсультантПлюс. Пишу о том как работаю, как мыслю и как неуспеваю.",
    "_rss_language": "ru",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": "",
    "_itunes_explicit": "",
    "home_page_url": "https:\/\/pages.reushkin.ru\/tags\/tablica\/",
    "feed_url": "https:\/\/pages.reushkin.ru\/tags\/tablica\/json\/",
    "icon": "https:\/\/pages.reushkin.ru\/user\/userpic@2x.jpg?1689937153",
    "author": {
        "name": "Саша Реушкин",
        "url": "https:\/\/pages.reushkin.ru\/",
        "avatar": "https:\/\/pages.reushkin.ru\/user\/userpic@2x.jpg?1689937153"
    },
    "items": [
        {
            "id": "17",
            "url": "https:\/\/pages.reushkin.ru\/all\/pereverstal-tablicy-na-upakovke-kofevarki\/",
            "title": "Переверстал таблицы на упаковке кофеварки",
            "content_html": "<p>Разбирался на даче и нашел коробку от кофеварки. коробка и коробка, но взгляд зацепился за таблицы. в голове возникли вопросы: а зачем они тут, какая идея была делать это именно в таблицах? почему они такие страшные?<\/p>\n<p>сфотографировал и принес в операционную sketch.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/pages.reushkin.ru\/pictures\/before.png\" width=\"1008\" height=\"1344\" alt=\"\" \/>\n<\/div>\n<h2>Реанимирование<\/h2>\n<p>задаю вопросы<\/p>\n<ul>\n<li>много ли данных? нет, мало.<\/li>\n<li>надо ли сравнивать данные? нет, не надо.<\/li>\n<\/ul>\n<h2>Продолжаю с таблицами<\/h2>\n<ul>\n<li>рамка таблицы, как будто важно показать таблицу, а не информацию в ней<\/li>\n<li>название столбцов. они указывают на очевидные вещи. зачем это?<\/li>\n<li>значения располагаются слишком далеко от параметров<\/li>\n<li>единицы измерения в столбце с названием параметра, а не со значением<\/li>\n<li>целый столбец на одну цифру<\/li>\n<li>в первой таблице значения стоят так, что их хочется сравнить, но их не надо сравнивать<\/li>\n<li>во второй таблице для одной цифры используется целая колонка. расточительное использование свободного места.<\/li>\n<li>длина провода указана в метра, а выше в красных квадратах уже в сантиметрах<\/li>\n<\/ul>\n<p>Но есть и хорошая деталь. всегда надо находить что-то хорошее<\/p>\n<ul>\n<li>вынесли «шт.» в заголовок таблицы «Комплектация».<\/li>\n<\/ul>\n<h2>Достаю скальп<\/h2>\n<ul>\n<li>убираю таблицы и делаю в первой таблице список, а во второй простой перечень.<\/li>\n<li>соединяю название параметра со значением, а значение с единицей измерения. теперь всё на своих местах.<\/li>\n<li>перевожу метры в «см». никто не меряет неполными метрами в реальной жизни.<\/li>\n<li>убираю количество штук из перечня вещей в коробке. каждой вещи по 1 шт. а значит если она указана, значит она есть. вот если бы чего-то было 2шт, то это можно было указать рядом.<\/li>\n<\/ul>\n<h2>Результат<\/h2>\n<p>получилось просто и понятно. вокруг появилось свободное место, которое можно занять другими товарами.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/pages.reushkin.ru\/pictures\/after.png\" width=\"1008\" height=\"1344\" alt=\"\" \/>\n<\/div>\n<p>конечно тут есть что еще улучшить:<\/p>\n<ul>\n<li>убрать рамки в оранжевых плашках и сделать в них графику крупнее.<\/li>\n<li>убрать рамки у ассортимента.<\/li>\n<li>убрать бюрократичное слово «ассортимент». люди так не говорят в обычной жизни.<br \/>\nно это уже другая история.<\/li>\n<\/ul>\n",
            "date_published": "2023-09-04T17:56:17+00:00",
            "date_modified": "2023-09-04T17:58:55+00:00",
            "image": "https:\/\/pages.reushkin.ru\/pictures\/before.png",
            "_date_published_rfc2822": "Mon, 04 Sep 2023 17:56:17 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "17",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/pages.reushkin.ru\/pictures\/before.png",
                    "https:\/\/pages.reushkin.ru\/pictures\/after.png"
                ]
            }
        }
    ],
    "_e2_version": 3794,
    "_e2_ua_string": "E2 (v3794; Aegea)"
}