{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "Переверстал, заметки с тегом: меню",
    "home_page_url": "https:\/\/pereverstal.by\/tags\/menyu\/",
    "feed_url": "https:\/\/pereverstal.by\/tags\/menyu\/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": "94",
            "url": "https:\/\/pereverstal.by\/all\/stranicy-v-menyu-nado-numerovat\/",
            "title": "Страницы в меню надо нумеровать",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/pereverstal.by\/pictures\/menu.jpg\" width=\"1488\" height=\"1052\" alt=\"\" \/>\n<\/div>\n<p>Страницы меню в ресторане нужно нумеровать. Польза огромная.<\/p>\n<p>Представьте ситуацию — вы сидите вдвоем, листаете меню.<br \/>\nВы такой: «О, у них тут шашлык есть».<br \/>\nВаш собеседник спрашивает: «Круто, на какой странице?»<\/p>\n<p>И что вы блядь ответите? На такой? С фоткой шашлыка? А как он ее найдет?<\/p>\n<p>То-то же.<\/p>\n",
            "date_published": "2019-06-29T11:18:32+03:00",
            "date_modified": "2019-06-29T11:18:16+03:00",
            "image": "https:\/\/pereverstal.by\/pictures\/menu.jpg",
            "_date_published_rfc2822": "Sat, 29 Jun 2019 11:18:32 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "94",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/pereverstal.by\/pictures\/menu.jpg"
                ]
            }
        },
        {
            "id": "57",
            "url": "https:\/\/pereverstal.by\/all\/menyu-2\/",
            "title": "Меню",
            "content_html": "<p>Всем привет! Недавно, роясь в гугле, я набрел на вот такой кусок говна разворот меню:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/pereverstal.by\/pictures\/80386_800.jpg\" width=\"800\" height=\"563\" alt=\"\" \/>\n<\/div>\n<p>Ну что сказать. Помимо ненужных линеечек и примитивных вензелечков, в макете<br \/>\nдопущена одна из самых распространенных  ошибок верстки, связанная с теорией<br \/>\nблизости <a href=\"https:\/\/www.artlebedev.ru\/kovodstvo\/sections\/136\/.\">https:\/\/www.artlebedev.ru\/kovodstvo\/sections\/136\/.<\/a><\/p>\n<p>Объясню очень коротко — расстояние от блока «Закуски» до фотографии, его<br \/>\nиллюстрирующей, равно расстоянию до фотографии, относящейся к блоку<br \/>\n«Салаты». Из-за этого читателю нужно время, чтобы самостоятельно понять<br \/>\nкакая фотография к какому блоку относится. Тоже самое можно сказать<br \/>\nи про остальные супы и пиццы.<\/p>\n<p>Сегодня у меня ленивое воскресенье, поэтому я не парился по поводу набора текста,<br \/>\nпоиска хороших фоток и раздумий над оформлением макета, а просто в фотошоп<br \/>\nсделал несколько эскизных вариантов того, можно правильно заверстать этот разворот.<\/p>\n<p>Как вы уже поняли главная задача — это визуально обозначить какая фотография<br \/>\nкакому текстовому блоку принадлежит.<\/p>\n<p>Сделать это можно, например вот так (предварительно удалив полоски и вензелечки):<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/pereverstal.by\/pictures\/83406_800.jpg\" width=\"800\" height=\"563\" alt=\"\" \/>\n<\/div>\n<p>Теперь уж точно не ошибешься и не назовешь пиццу пастой.<\/p>\n<p>Вот еще вариант:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/pereverstal.by\/pictures\/82573_800.jpg\" width=\"800\" height=\"563\" alt=\"\" \/>\n<\/div>\n<p>Фотки можно сделать по-больше:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/pereverstal.by\/pictures\/82696_800.jpg\" width=\"800\" height=\"563\" alt=\"\" \/>\n<\/div>\n<p>Еще боольшее!<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/pereverstal.by\/pictures\/82156_800.jpg\" width=\"800\" height=\"563\" alt=\"\" \/>\n<\/div>\n<p>Ну вот совсем другое дело.<\/p>\n",
            "date_published": "2018-11-24T18:10:53+03:00",
            "date_modified": "2018-11-03T13:37:48+03:00",
            "image": "https:\/\/pereverstal.by\/pictures\/80386_800.jpg",
            "_date_published_rfc2822": "Sat, 24 Nov 2018 18:10:53 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "57",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/pereverstal.by\/pictures\/80386_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/83406_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/82573_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/82696_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/82156_800.jpg"
                ]
            }
        }
    ],
    "_e2_version": 3254,
    "_e2_ua_string": "E2 (v3254; Aegea)"
}