{
    "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:\/\/kirillbelyaev.com\/ru\/blog\/?go=tags\/vyklyuchka-po-centru\/",
    "feed_url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=tags%2Fvyklyuchka-po-centru%2Fjson%2F",
    "icon": "https:\/\/kirillbelyaev.com\/ru\/blog\/user\/userpic@2x.jpg?1662385101",
    "author": {
        "name": "Кирилл Беляев",
        "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/",
        "avatar": "https:\/\/kirillbelyaev.com\/ru\/blog\/user\/userpic@2x.jpg?1662385101"
    },
    "items": [
        {
            "id": "422",
            "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/remark-about-align-center\/",
            "title": "Ремарка о выравнивании по центру",
            "content_html": "<p>Читая прошлую заметку, <a href=\"http:\/\/kirillbelyaev.com\/all\/align-center\/\">Роман не всё понял<\/a>. Дело, конечно, в слабом объяснении — мои формулировки ещё точить и точить. А пока они рыхлые, буду объяснять. Цитирую:<\/p>\n<blockquote>\n<p><b>Левый флаг применительно к одной строке шумит сильнее выравнивания по центру, потому что отступов у него тоже два (левое поле не забываем) и при этом они разные.<\/b><\/p>\n<\/blockquote>\n<p>У левого флага левого отступа нет. Есть отступы от краёв страницы до крайних элементов. Область страницы без отступов (полей) называют форматом. Пример одной строки в формате — однострочный заголовок.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/center-format@2x.png\" width=\"550\" height=\"275\" alt=\"\" \/>\n<\/div>\n<p>Если на странице одна строка, не выровненная с другими элементами, выключка исчезает вовсе.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/center-poster@2x.png\" width=\"200\" height=\"275\" alt=\"\" \/>\n<\/div>\n<p>Формат — контекст выравнивания (флага, выключки). Элементы выравнивают относительно формата, а потом относительно друг друга (внутри формата). <\/p>\n<blockquote>\n<p><b>Посмотрите на кнопки.<\/b><\/p>\n<\/blockquote>\n<p>Кнопки слабо относятся к вёрстке — у них своя история. Они попали на экраны из физического мира уже готовым элементом. Кнопки не мыслят, как текст на плашке.<\/p>\n<p>Если предположить, что кнопка — отдельный формат, и применить к надписи левый флаг, кнопка сломается:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/center-button@2x.png\" width=\"135\" height=\"30\" alt=\"\" \/>\n<\/div>\n<p class=\"ps\"> P. S. Спасибо Роману за комментарий.<\/p>\n",
            "date_published": "2015-09-19T09:18:30+03:00",
            "date_modified": "2015-09-19T09:13:12+03:00",
            "image": "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/center-format@2x.png",
            "_date_published_rfc2822": "Sat, 19 Sep 2015 09:18:30 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/remark-about-align-center\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/center-format@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/center-poster@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/center-button@2x.png"
                ]
            }
        },
        {
            "id": "419",
            "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/align-center\/",
            "title": "Выравнивание по центру",
            "content_html": "<p>По умолчанию шумнее флагового набора (а флаг шумнее выключки по формату). Потому что у него на отступ больше:<\/p>\n<blockquote><p style=\"width: 200px\">↦ Строка текста по центру ↤<\/p>\n<p style=\"width: 200px\">И строка с флагом ↤<\/p>\n<\/blockquote><p>Читавшие <a href=\"http:\/\/www.edwardtufte.com\/tufte\/books_vdqi\">Тафти<\/a>, знают, что отступ — это тоже информация. А дополнительный отступ бывает лишним.<\/p>\n<p>С увеличением числа строк, растёт и шум:<\/p>\n<blockquote><p style=\"text-align: center; width: 200px\">↦ Текст с центральным ↤<br>↦ выравниванием ↤<br>↦ в несколько строк ↤<br>↦ шумит, как трактор ↤<\/p>\n<p style=\"width: 200px\">Текст с флагом ↤<br>в несколько строк ↤<br>шумит в двое тише, ↤<br>как гибрид ↤<\/p>\n<\/blockquote><p>Шум — не единственный критерий качества дизайна. Поэтому центральное выравнивание не табуировано полностью.<\/p>\n<p>В интерфейсах с высокой информационной плотность от шумоизоляции зависит скорость освоения и взаимодействия. Поэтому для центрального выравнивания в таких продуктах должна быть супер-причина.<\/p>\n<p>Новичкам советую вообще не использовать в интерфейсах выравнивание по центру.<\/p>\n",
            "date_published": "2015-08-30T11:33:04+03:00",
            "date_modified": "2015-09-19T00:38:18+03:00",
            "_date_published_rfc2822": "Sun, 30 Aug 2015 11:33:04 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/align-center\/",
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": []
            }
        }
    ],
    "_e2_version": 3572,
    "_e2_ua_string": "E2 (v3572; Aegea)"
}