{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "Переверстал, заметки с тегом: mark formelle",
    "home_page_url": "https:\/\/pereverstal.by\/tags\/mark-formelle\/",
    "feed_url": "https:\/\/pereverstal.by\/tags\/mark-formelle\/json\/",
    "icon": "https:\/\/pereverstal.by\/user\/userpic@2x.jpg",
    "author": {
        "name": "Автор блога",
        "url": "https:\/\/pereverstal.by\/",
        "avatar": "https:\/\/pereverstal.by\/user\/userpic@2x.jpg"
    },
    "items": [
        {
            "id": "51",
            "url": "https:\/\/pereverstal.by\/all\/mark-formel\/",
            "title": "Марк Формель",
            "content_html": "<p>Привет! Сегодня мы опять совершим увлекательное путешествие в мир,<br \/>\nотказавшийся от здравого смысла.<\/p>\n<p>Вот такой тейбл-тент стоит на кассе в Марк Формелле.<\/p>\n<p>Сэкономлю ваше время. Тут ровно два посыла<br \/>\n1) Нельзя пользоваться чужими пластиковыми картами.<br \/>\n2) У вас есть возможность поменять или возвратить товар в течение 14 дней.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/pereverstal.by\/pictures\/397691_900.jpg\" width=\"675\" height=\"900\" alt=\"\" \/>\n<\/div>\n<p>Напомню, что стоит это все на кассе причем читать вы это сможете<br \/>\nтолько в момент оплаты (справа в нижнем углу кусочек тарелки для денег).<\/p>\n<p>У меня была идея написать книгу «Антиверстка», которая будет целиком состоять<br \/>\nиз примеров плохой верстки. Кажется я опоздал. Эта книга уже написана неизвестным<br \/>\nдизайнером, напечатана и помещена под пластиковый корпус тейбл-тента, стоящего<br \/>\nна кассе в магазине Марк Формель. Книга, как вы видите, уникальная, потому что состоит<br \/>\nиз одного листка А4 формата, но при этом вмещает в себя бездну информации<br \/>\nоб ошибках верстки, таких как неуместные подчеркивания, прописные буквы,<br \/>\nненужные выделения,неправильные вертикальные отступы, нарушение теории близости,<br \/>\nогромные дыры между словами, отсутствие полей, отсутствие, какой-либо конструкции и<br \/>\nлогики подачи информации.<\/p>\n<p>«Постановление Совета Министров...» — да кому все это всралось?<br \/>\nУ человека 10 секунд на чтение и ему важно знать сможет он вернуть свой джемпер,<br \/>\nесли он ему завтра надоест или нет?<\/p>\n<p>Короче, надо помочь Марку Формелю. Начнем с большого заголовка,<br \/>\nпрочитав который можно будет сходу понять главное.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/pereverstal.by\/pictures\/401666_800.jpg\" width=\"800\" height=\"400\" alt=\"\" \/>\n<\/div>\n<p>Слишком длинное, надо сократить. Например убрать «...сделанной в нашем магазине»,<br \/>\nпотому что, черт подери, а в каком еще магазине?<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/pereverstal.by\/pictures\/401943_800.jpg\" width=\"800\" height=\"401\" alt=\"\" \/>\n<\/div>\n<p>Все равно пахнет канцелярщиной.<\/p>\n<p>Вот так лучше всего.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/pereverstal.by\/pictures\/402364_800.jpg\" width=\"800\" height=\"419\" alt=\"\" \/>\n<\/div>\n<p>Далее нужно уточнить инфу и дать список товаров-исключений<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/pereverstal.by\/pictures\/402467_800.jpg\" width=\"785\" height=\"415\" alt=\"\" \/>\n<\/div>\n<p>Вот так будет лучше. Просто и понятно.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/pereverstal.by\/pictures\/403468_800.jpg\" width=\"700\" height=\"521\" alt=\"\" \/>\n<\/div>\n<p>Обратите внимание, на то, что вот этот блок удалось ужать до комментария в скобках<br \/>\nиз трех слов («кроме купальных костюмов»)<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/pereverstal.by\/pictures\/403866_800.jpg\" width=\"800\" height=\"129\" alt=\"\" \/>\n<\/div>\n<p>Осталось придумать, что делать с инфой про пластиковые карты.<br \/>\nТут два абзаца «бла-бла» текста, который можно легко сократить.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/pereverstal.by\/pictures\/402807_800.jpg\" width=\"800\" height=\"323\" alt=\"\" \/>\n<\/div>\n<p>Смотрим первый вариант. Добавил в заголовок «вы».<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"636\" data-ratio=\"0.70666666666667\">\n<img src=\"https:\/\/pereverstal.by\/pictures\/397054_900.jpg\" width=\"636\" height=\"900\" alt=\"\" \/>\n<img src=\"https:\/\/pereverstal.by\/pictures\/404054_800.jpg\" width=\"600\" height=\"800\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>Заголовок можно попробовать написать в одну строку, а карту поместить целиком.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"636\" data-ratio=\"0.70666666666667\">\n<img src=\"https:\/\/pereverstal.by\/pictures\/397182_900.jpg\" width=\"636\" height=\"900\" alt=\"\" \/>\n<img src=\"https:\/\/pereverstal.by\/pictures\/398228_900.jpg\" width=\"675\" height=\"900\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>А можно еще заголовки сделать больше и поменять конструкцию макета.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"636\" data-ratio=\"0.70666666666667\">\n<img src=\"https:\/\/pereverstal.by\/pictures\/404611_900.jpg\" width=\"636\" height=\"900\" alt=\"\" \/>\n<img src=\"https:\/\/pereverstal.by\/pictures\/404798_900.jpg\" width=\"675\" height=\"900\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>Чего скрывать, получилось очень круто.<\/p>\n",
            "date_published": "2018-11-24T18:23:20+03:00",
            "date_modified": "2018-10-27T13:13:31+03:00",
            "image": "https:\/\/pereverstal.by\/pictures\/404341_900.jpg",
            "_date_published_rfc2822": "Sat, 24 Nov 2018 18:23:20 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "51",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js",
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js",
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/pereverstal.by\/pictures\/404341_900.jpg",
                    "https:\/\/pereverstal.by\/pictures\/397691_900.jpg",
                    "https:\/\/pereverstal.by\/pictures\/401666_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/401943_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/402364_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/402467_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/403468_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/403866_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/402807_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/397054_900.jpg",
                    "https:\/\/pereverstal.by\/pictures\/404054_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/397182_900.jpg",
                    "https:\/\/pereverstal.by\/pictures\/398228_900.jpg",
                    "https:\/\/pereverstal.by\/pictures\/404611_900.jpg",
                    "https:\/\/pereverstal.by\/pictures\/404798_900.jpg"
                ]
            }
        }
    ],
    "_e2_version": 3254,
    "_e2_ua_string": "E2 (v3254; Aegea)"
}