{ "version": "https:\/\/jsonfeed.org\/version\/1", "title": "Переверстал, заметки с тегом: навигация", "home_page_url": "https:\/\/pereverstal.by\/tags\/navigaciya\/", "feed_url": "https:\/\/pereverstal.by\/tags\/navigaciya\/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": "100", "url": "https:\/\/pereverstal.by\/all\/navigaciya-v-poliklinike\/", "title": "Навигация в поликлинике", "content_html": "

В одной из детских поликлиник Минска, на первом этаже, возле лифта висит
\nвот такая навигация<\/p>\n

\n\"\"\n<\/div>\n

Опасно водить сюда малышей — приведешь с насморком, а уведешь с покалеченным вкусом.<\/p>\n

Что же вы, гады, делаете? Они же еще дети!<\/p>\n

Поехали переверстывать.<\/p>\n

Итак, вот первый вариант<\/h2>\n
\n\"\"\n<\/div>\n

Что было сделано<\/b><\/p>\n

    \n
  1. На старой схеме были потеряны номера кабинетов — восстановил.<\/li>\n
  2. Порядок этажей должен идти по убывающей сверху вниз.<\/li>\n
  3. Внизу можно добавить указатель к лестнице — вдруг лифт сломан,
    \nили большая очередь, или хочешь прокачать икроножные
    \nи ягодичные мышцы.<\/li>\n
  4. «Этаж», «кабинет» и «отделение» вынесены в шапку.<\/li>\n
  5. Немного отредактирован текст.<\/li>\n<\/ol>\n

    Можно попробовать инвернуть картинку на зеленый фон<\/p>\n

    \n\"\"\n<\/div>\n

    Кстати, а что если я уже на третьем этаже? Как поменяется навигация?
    \nА вот как.<\/p>\n

    \n\"\"\n<\/div>\n

    Вот второй вариант<\/h2>\n

    Кардинально другая верстка и способ выделения текущего этажа.
    \nЭнжой!<\/p>\n

    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n

    Ах, да, вначале был черно-белый вариант<\/p>\n

    \n\"\"\n<\/div>\n

    Ну вот, дети спасены.<\/p>\n", "date_published": "2019-09-29T21:59:54+03:00", "date_modified": "2019-09-29T23:22:34+03:00", "image": "https:\/\/pereverstal.by\/pictures\/IMG_20190219_133229-s.jpg", "_date_published_rfc2822": "Sun, 29 Sep 2019 21:59:54 +0300", "_rss_guid_is_permalink": "false", "_rss_guid": "100", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/pereverstal.by\/pictures\/IMG_20190219_133229-s.jpg", "https:\/\/pereverstal.by\/pictures\/Poliklinika_Navigation-s3-1.jpg", "https:\/\/pereverstal.by\/pictures\/Poliklinika_Navigation-s1-1.jpg", "https:\/\/pereverstal.by\/pictures\/Poliklinika_Navigation-s2-1.jpg", "https:\/\/pereverstal.by\/pictures\/Poliklinika_Navigation-s4.jpg", "https:\/\/pereverstal.by\/pictures\/Poliklinika_Navigation-s5.jpg", "https:\/\/pereverstal.by\/pictures\/Poliklinika_Navigation-s6.jpg" ] } }, { "id": "47", "url": "https:\/\/pereverstal.by\/all\/navigaciya-na-avtovokzale\/", "title": "Навигация на автовокзале", "content_html": "

    Хай! Сегодня я переверстаю вот этот навигационный стенд с автовокзала.<\/p>\n

    \n\"\"\n<\/div>\n

    Начну я с препарирования. Скальпель!<\/p>\n

    \n\"\"\n<\/div>\n

    Вообще-то за набор прописными, шрифт Arial, выравнивание по центральной
    \nоси и неправильные кавычки нужно бить по голове книгой Александры Корольковой
    \n«Живая типографика»<\/p>\n

    \n\"\"\n<\/div>\n

    Первая мысль была разделить белорусский и английский текст.
    \nНо от нее пришлось отказаться, чтобы избежать дублирования иконок.<\/p>\n

    \n\"\"\n<\/div>\n

    Рисую стрелку<\/p>\n

    \n\"\"\n<\/div>\n

    Готовлю иконки<\/p>\n

    \n\"\"\n<\/div>\n

    Начинаю крутить-вертеть.<\/p>\n

    \n
    \n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

    Удалил перрон прибытия и отправления, а также международные кассы.
    \nСобрал в группы по направлению и в пары «белорусский — английский».
    \nСделал правильные отступы, чтобы соседи не слеплялись друг с другом.<\/p>\n

    \n
    \n\"\"\n\"\"\n<\/div>\n<\/div>\n

    Не, зеленый и рамочки нужно убрать.<\/p>\n

    \n\"\"\n<\/div>\n

    И раскрасить.<\/p>\n

    \n
    \n\"\"\n\"\"\n<\/div>\n<\/div>\n

    Во! Этот нравится! Ровняю все элементы,
    \nнавожу полный порядок.<\/p>\n

    \n\"\"\n<\/div>\n

    Примеряю<\/p>\n

    \n\"\"\n<\/div>\n", "date_published": "2018-11-24T18:20:02+03:00", "date_modified": "2018-10-27T12:43:32+03:00", "image": "https:\/\/pereverstal.by\/pictures\/311729_800.jpg", "_date_published_rfc2822": "Sat, 24 Nov 2018 18:20:02 +0300", "_rss_guid_is_permalink": "false", "_rss_guid": "47", "_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\/311729_800.jpg", "https:\/\/pereverstal.by\/pictures\/317898_800.jpg", "https:\/\/pereverstal.by\/pictures\/320927_1000.jpg", "https:\/\/pereverstal.by\/pictures\/312547_800.jpg", "https:\/\/pereverstal.by\/pictures\/313074_800.jpg", "https:\/\/pereverstal.by\/pictures\/313418_800.jpg", "https:\/\/pereverstal.by\/pictures\/313719_800.jpg", "https:\/\/pereverstal.by\/pictures\/313947_800.jpg", "https:\/\/pereverstal.by\/pictures\/315278_800.jpg", "https:\/\/pereverstal.by\/pictures\/315588_800.jpg", "https:\/\/pereverstal.by\/pictures\/316839_800.jpg", "https:\/\/pereverstal.by\/pictures\/316135_800.jpg", "https:\/\/pereverstal.by\/pictures\/316160_800.jpg", "https:\/\/pereverstal.by\/pictures\/317122_800.jpg", "https:\/\/pereverstal.by\/pictures\/321111_800.jpg", "https:\/\/pereverstal.by\/pictures\/321429_800.jpg" ] } }, { "id": "39", "url": "https:\/\/pereverstal.by\/all\/navigaciya-v-metro\/", "title": "Навигация в метро", "content_html": "

    Привет, ребята!<\/p>\n

    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n", "date_published": "2018-11-24T17:35:18+03:00", "date_modified": "2018-10-27T12:14:33+03:00", "image": "https:\/\/pereverstal.by\/pictures\/29494_900.jpg", "_date_published_rfc2822": "Sat, 24 Nov 2018 17:35:18 +0300", "_rss_guid_is_permalink": "false", "_rss_guid": "39", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/pereverstal.by\/pictures\/29494_900.jpg", "https:\/\/pereverstal.by\/pictures\/29920_900.jpg" ] } } ], "_e2_version": 3254, "_e2_ua_string": "E2 (v3254; Aegea)" }