{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Блог Ильи Бирмана: заметки с тегом вёрстка",
    "_rss_description": "Блог Ильи Бирмана о дизайне, городах, музыке и жизни.",
    "_rss_language": "ru",
    "_itunes_email": "ilyabirman@ilyabirman.ru",
    "_itunes_categories_xml": "<itunes:category text=\"Arts\"><itunes:category text=\"Design\" \/><\/itunes:category>\r\n<itunes:category text=\"Society &amp; Culture\"><itunes:category text=\"Personal Journals\" \/><\/itunes:category>\r\n<itunes:category text=\"Technology\" \/>\r\n",
    "_itunes_image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic-square@2x.jpg?1573933764",
    "_itunes_explicit": "no",
    "home_page_url": "https:\/\/ilyabirman.ru\/meanwhile\/tags\/vyorstka\/",
    "feed_url": "https:\/\/ilyabirman.ru\/meanwhile\/tags\/vyorstka\/json\/",
    "icon": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764",
    "authors": [
        {
            "name": "Илья Бирман",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
            "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
        }
    ],
    "items": [
        {
            "id": "6697",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-197\/",
            "title": "На интерфейсном курсе: фотошопленье виджета автомобиля",
            "content_html": "<p>Фотошоплю виджет автомобиля и комментирую, почему что куда двигаю. Звучат слова про якорные объекты. 7 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/vOJQS3p_tiw?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 197 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 28 июня 2024 года.<\/p>\n<p>Открыта запись на курс 25 апреля — 24 мая! Последние часы −30% из-за ранней записи.<\/p>\n<p><a href=\"https:\/\/bureau.ru\/courses\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Фотошоплю виджет автомобиля и комментирую, почему что куда двигаю. Звучат слова про якорные объекты. 7 минут",
            "date_published": "2026-03-26T21:43:09+03:00",
            "date_modified": "2026-03-26T21:42:52+03:00",
            "tags": [
                "вёрстка",
                "видео",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-vOJQS3p_tiw-cover.jpg",
            "_date_published_rfc2822": "Thu, 26 Mar 2026 21:43:09 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6697",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-vOJQS3p_tiw-cover.jpg"
                ]
            }
        },
        {
            "id": "6663",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/think-on-58\/",
            "title": "Думаем дальше № 58 «Контраст между небом и землёй» с Марком Родионовым",
            "content_html": "<p>С Марком Родионовым обсуждаем дизайны друг друга и деньги.<\/p>\n<p>Все выпуски подкаста:<br \/>\n<a href=\"https:\/\/podcasts.apple.com\/us\/podcast\/думаем-дальше\/id1744862171\">Эпл<\/a> · <a href=\"https:\/\/www.youtube.com\/playlist?list=PLl7kvlp_qh0j9uzQGU2ws4DkBWdbjY1_d\">Ютюб<\/a> · <a href=\"https:\/\/music.yandex.com\/album\/29069497\">Я.Музыка<\/a> · <a href=\"https:\/\/open.spotify.com\/show\/7i4OkUq55wAC1iyZYEshmi\">Спотифай<\/a> · <a href=\"https:\/\/thinkon.mave.digital\">Мейв<\/a> · <a href=\"https:\/\/cloud.mave.digital\/51724\">РСС для подкастного приложения<\/a><\/p>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"e2-text-table\">\n  <tr>\n    <td style=\"text-align: right\">0:00<\/td>\n    <td style=\"text-align: left\">Марк выпустил схему метро Тбилиси<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">15:45<\/td>\n    <td style=\"text-align: left\">Красота и привет Паше Омелёхину<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">18:20<\/td>\n    <td style=\"text-align: left\">Южный климат и уют в жилище<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">22:24<\/td>\n    <td style=\"text-align: left\">О работе с тридешниками<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">27:30<\/td>\n    <td style=\"text-align: left\">Лайфхак про моносовместимость<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">29:58<\/td>\n    <td style=\"text-align: left\">Вертикали и ракурс: на 3Д всё так же, как на фотках. Микроблики и грани. Сравнение с конкурентами<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">36:17<\/td>\n    <td style=\"text-align: left\">Что такое контраст (а также: важность картинок переоценена)<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">45:05<\/td>\n    <td style=\"text-align: left\">Илья выпустил навигацию в метро Ташкента<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">56:14<\/td>\n    <td style=\"text-align: left\">Сравнения себя с другими помогает расти, но может помешать решиться на публикацию<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">1:02:55<\/td>\n    <td style=\"text-align: left\">Почему Илья не делает свою студию<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">1:07:30<\/td>\n    <td style=\"text-align: left\">Деньги и обязательства<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">1:13:31<\/td>\n    <td style=\"text-align: left\">За что платят дизайнеру<\/td>\n  <\/tr>\n<\/table>\n",
            "summary": "С Марком Родионовым обсуждаем дизайны друг друга и деньги...",
            "date_published": "2026-02-18T09:20:55+03:00",
            "date_modified": "2026-02-18T13:30:23+03:00",
            "tags": [
                "вёрстка",
                "дизайн",
                "Думаем дальше",
                "навигация",
                "схемы метро",
                "транспортные схемы"
            ],
            "_date_published_rfc2822": "Wed, 18 Feb 2026 09:20:55 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6663",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6653",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-193\/",
            "title": "На интерфейсном курсе: зачем делать виджеты на Ай-ОСе непохожими на системные",
            "content_html": "<p>Ранее здесь выходило видео <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-187\/\" class=\"nu\">«<u>зачем делать виджеты на Ай-ОСе похожими на системные<\/u>»<\/a>. А это пример обратного, но тоже хороший. Комментирую его. 4 минуты:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/Oos6g8k6JKA?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 193 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 5 апреля 2024 года.<\/p>\n<p>Мы открыли запись на курс 14 марта — 12 апреля. Ещё несколько дней −30% от обычной цены из-за ранней записи.<\/p>\n<p><a href=\"https:\/\/bureau.ru\/courses\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Ранее здесь выходило видео «зачем делать виджеты на Ай-ОСе похожими на системные». А это пример обратного, но тоже хороший",
            "date_published": "2026-02-09T17:22:22+03:00",
            "date_modified": "2026-02-09T17:22:14+03:00",
            "tags": [
                "вёрстка",
                "видео",
                "пользовательский интерфейс",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-Oos6g8k6JKA-cover.jpg",
            "_date_published_rfc2822": "Mon, 09 Feb 2026 17:22:22 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6653",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-Oos6g8k6JKA-cover.jpg"
                ]
            }
        },
        {
            "id": "6612",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-187\/",
            "title": "На интерфейсном курсе: зачем делать виджеты на Ай-ОСе похожими на системные",
            "content_html": "<p>В этом кусочке семинара я рассказываю, почему по умолчанию виджет нужно делать похожим на системный: использовать те же шрифты, отступы, конструкции. Дело не в том, что есть какие-то гайдлайны, а в том, чтобы пользователю было хорошо и удобно. Отличаться можно, но не потому, что рука дрогнула, а потому что приняли такое решение. 6 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/5GEpr9nRh3s?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 187 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 5 апреля 2024 года.<\/p>\n<p>Открыта запись на курс, который пройдёт 31 января — 1 марта. Сейчас аж −30%, потому что заранее.<\/p>\n<p><a href=\"https:\/\/bureau.ru\/courses\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "В этом кусочке семинара я рассказываю, почему по умолчанию виджет нужно делать похожим на системный: использовать те же шрифты, отступы, конструкции",
            "date_published": "2025-12-18T12:54:19+03:00",
            "date_modified": "2026-01-17T21:56:19+03:00",
            "tags": [
                "вёрстка",
                "видео",
                "пользовательский интерфейс",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-5GEpr9nRh3s-cover.jpg",
            "_date_published_rfc2822": "Thu, 18 Dec 2025 12:54:19 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6612",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-5GEpr9nRh3s-cover.jpg"
                ]
            }
        },
        {
            "id": "6520",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/konspekty-kursa-o-prezentaciyah\/",
            "title": "Конспекты курса о презентациях",
            "content_html": "<p>Мы с Мишей Нозиком недавно выложили ещё <a href=\"https:\/\/bureau.ru\/news\/2025\/presentation-trailers-2\/\">пачку трейлеров<\/a> курса «Презентация клиенту и публичные выступления». И пока этим занимались, вспомнили, что у наших лекций нет конспектов, а ведь некоторым людям читать удобнее, чем смотреть видео. Кроме того, по конспектам проще искать, и из них проще копировать себе отдельные важные мысли.<\/p>\n<p>В общем, начали делать конспекты, пока сделали несколько первых лекций, получается красота:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/presentation-4-lectures.jpg\" width=\"973\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<p>Если <a href=\"https:\/\/bureau.ru\/courses\/presentation-online\/\">зайти на страницу курса<\/a>, в блоке «Теория» несколько лекций помечены как бесплатные. Первая из них, «Как говорить и как держаться», как раз уже с конспектом, сходите посмотрите.<\/p>\n<p>Лекции крутые, но главная польза курса в практике. На семинарах мы буквально заставляем вас репетировать и оттачивать свой рассказ, учим отвечать на каверзные вопросы и реагировать на возникающие проблемы. Мы считаем, что это такой же базовый навык, как ведение переговоров или деловой переписки — повышает эффективность любой работы.<\/p>\n<p>Ещё <a href=\"https:\/\/bureau.ru\/news\/2025\/august-masterclass-nozik\/\">сегодня вечером у Миши будет мастер‑класс про вёрстку слайдов<\/a>. Это не про дизайн для дизайнеров, а именно основные вещи, как делать понятно и аккуратно, чтобы просто кривизной слайдов к себе доверие не подрывать. Рекомендую. Ну и на курс приходите, понятное дело.<\/p>\n",
            "summary": "Мы с Мишей Нозиком недавно выложили ещё пачку трейлеров курса «Презентация клиенту и публичные выступления»",
            "date_published": "2025-08-12T12:54:28+03:00",
            "date_modified": "2026-01-09T15:32:55+03:00",
            "tags": [
                "вёрстка",
                "презентации и выступления"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/presentation-4-lectures.jpg",
            "_date_published_rfc2822": "Tue, 12 Aug 2025 12:54:28 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6520",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/presentation-4-lectures.jpg"
                ]
            }
        },
        {
            "id": "6497",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-174\/",
            "title": "На интерфейсном курсе: срисовываем виджет погоды",
            "content_html": "<p>Показываю, как добиться, чтобы виджет выглядел нормально, срисовывая системный виджет погоды.  10 минут с Фотошопом в руках:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/aV65V1H4w3I?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>ЧатГПТ от моего лица: «В этом фрагменте я показываю, как полезно буквально „срисовывать“ готовый интерфейс — не для копирования, а как упражнение. Я беру виджет Эпла, накладываю на него свою версию и начинаю дотягивать по отступам, размерам, плотности текста, цвету, логике выравнивания. Иногда в процессе выясняется, что что-то у меня „не так“, хотя я даже не сразу понимаю, почему — просто на фоне оригинала моя версия выглядит неритмичной, рыхлой или слишком жирной. И вот через эту кропотливую механику выравнивания и подгонки приходит понимание: как устроена композиция, какие отступы считаются нормой, где оси выравнивания, как работает цвет и что именно делает оригинал „живым“».<\/p>\n<p>Это фрагмент № 174 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 23 февраля 2024 года.<\/p>\n<p>Идёт запись на курс, который пройдёт 19 июля — 17 августа. Сейчас −20%, потому что заранее. Недавно обновились несколько лекций и добавилась новая.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Показываю, как добиться, чтобы виджет выглядел нормально, срисовывая системный виджет погоды.  10 минут с Фотошопом в руках",
            "date_published": "2025-06-26T15:25:48+03:00",
            "date_modified": "2025-07-09T17:12:09+03:00",
            "tags": [
                "вёрстка",
                "видео",
                "пользовательский интерфейс",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-aV65V1H4w3I-cover.jpg",
            "_date_published_rfc2822": "Thu, 26 Jun 2025 15:25:48 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6497",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-aV65V1H4w3I-cover.jpg"
                ]
            }
        },
        {
            "id": "6489",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-173\/",
            "title": "На интерфейсном курсе: срисовываем большой круг для виджета",
            "content_html": "<p>Сначала увеличиваем на виджете кружок, глядя на системный виджет часов, а потом ещё экспериментируем с иконкой внутри. 10 минут с Фотошопом в руках:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/EaSKacTWobU?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>ЧатГПТ от моего лица: «В этом фрагменте я говорю о важности сверки с системными образцами. Когда рисуешь свой виджет или иконку, нужно не полагаться на глазомер, а прямо ставить рядом аналогичный элемент из интерфейса iOS — и сравнивать отступы, размеры, пропорции. Если делаешь по-другому, на это должна быть причина, а не просто „так получилось“. Часто именно мелкие отклонения по расстояниям, толщине линий или соотношению элементов делают макет „туповатым“ — словно он из другой системы. Чтобы избежать этого, полезно брать за ориентир реальные компоненты и адаптировать свой дизайн под их язык».<\/p>\n<p>Это фрагмент № 173 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 23 февраля 2024 года.<\/p>\n<p>Идёт запись на курс, который пройдёт 19 июля — 17 августа. Сейчас аж −30%, потому что заранее. Недавно обновились несколько лекций и добавилась новая.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Сначала увеличиваем на виджете кружок, глядя на системный виджет часов, а потом ещё экспериментируем с иконкой внутри",
            "date_published": "2025-06-08T20:07:48+03:00",
            "date_modified": "2025-06-08T20:07:22+03:00",
            "tags": [
                "вёрстка",
                "пользовательский интерфейс",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-EaSKacTWobU-cover.jpg",
            "_date_published_rfc2822": "Sun, 08 Jun 2025 20:07:48 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6489",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-EaSKacTWobU-cover.jpg"
                ]
            }
        },
        {
            "id": "6442",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-164\/",
            "title": "На интерфейсном курсе: виджет умного дома с иконками",
            "content_html": "<p>Обсуждаем виджет умного дома. Я увлекаюсь рисованием иконок стиралки и посудомойки, а потом говорим про всё остальное. 23 минуты:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/AebU9xyd-QI?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<p>\n0:00 Рисуем иконки стиралки и посудомойки<br \/>\n6:45 Расставляем их по-другому, подписываем<br \/>\n11:55 Важность прямоугольности<br \/>\n13:00 Как показывать примерный остаток времени: лаконичность против взгляда новичка. Как сделать оберег от воров.<br \/>\n17:22 Какие действия стоит делать кнопками прямо на виджете.<br \/>\n19:27 Сравниваем круги прогресса стирки и заряда наушников<br \/>\n<\/p>\n<\/div>\n<p>Это фрагмент № 164 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 12 января 2024 года.<\/p>\n<p>Идёт запись на курс, который пройдёт 1—30 марта. Сейчас −10% из-за ранней записи.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Обсуждаем виджет умного дома. Я увлекаюсь рисованием иконок стиралки и посудомойки, а потом говорим про всё остальное",
            "date_published": "2025-02-19T18:44:15+03:00",
            "date_modified": "2025-02-23T21:00:11+03:00",
            "tags": [
                "вёрстка",
                "видео",
                "дизайн",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-AebU9xyd-QI-cover.jpg",
            "_date_published_rfc2822": "Wed, 19 Feb 2025 18:44:15 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6442",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "jquery\/jquery.js",
                    "media-seek\/media-seek.js"
                ],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-AebU9xyd-QI-cover.jpg"
                ]
            }
        },
        {
            "id": "6423",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-162\/",
            "title": "На интерфейсном курсе: чистим виджет от шума",
            "content_html": "<p>Интерфейсный курс скоро подорожает, и вот-вот закончится запись на последний поток по старой цене. Заодно — кусочек из курса.<\/p>\n<p>Показываю несколько движений, чтобы виджет стал посимпатичнее. 4 минутки:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/cbpDb3k_t5k?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Также есть <a href=\"https:\/\/vkvideo.ru\/video286049442_456239450\">на ВК-видео<\/a>.<\/p>\n<p>Это фрагмент № 162 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 1 декабря 2023 года.<\/p>\n<p>Идёт запись на курс, который пройдёт 18 января — 16 февраля.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Интерфейсный курс скоро подорожает, и вот-вот закончится запись на последний поток по старой цене. Заодно — кусочек из курса",
            "date_published": "2025-01-16T13:07:37+03:00",
            "date_modified": "2025-01-16T13:07:31+03:00",
            "tags": [
                "вёрстка",
                "видео",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-cbpDb3k_t5k-cover.jpg",
            "_date_published_rfc2822": "Thu, 16 Jan 2025 13:07:37 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6423",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-cbpDb3k_t5k-cover.jpg"
                ]
            }
        },
        {
            "id": "6416",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-160\/",
            "title": "На интерфейсном курсе: двигаем иконки в виджете",
            "content_html": "<p>Это видео, где я просто в прямом эфире думаю, как можно было бы улучшить виджет, используя тот материал, который в нём уже есть. Никаких озарений, просто ход мысли в реальном времени. 10 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/UeSCu7MFeAw?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Также есть <a href=\"https:\/\/vkvideo.ru\/video286049442_456239446\">на ВК-видео<\/a>.<\/p>\n<p>Это фрагмент № 160 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 1 декабря 2023 года.<\/p>\n<p>Идёт запись на курс, который пройдёт 18 января — 16 февраля. Сейчас −20% из-за ранней записи.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Это видео, где я просто в прямом эфире думаю, как можно было бы улучшить виджет, используя тот материал, который в нём уже есть",
            "date_published": "2024-12-27T22:54:01+03:00",
            "date_modified": "2024-12-27T22:53:46+03:00",
            "tags": [
                "вёрстка",
                "видео",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-UeSCu7MFeAw-cover.jpg",
            "_date_published_rfc2822": "Fri, 27 Dec 2024 22:54:01 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6416",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-UeSCu7MFeAw-cover.jpg"
                ]
            }
        },
        {
            "id": "6401",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-157\/",
            "title": "На интерфейсном курсе: иерархия в таблице",
            "content_html": "<p>Обсуждаем, делать ли втяжку у подчинённых строк в таблице. Я предпочитаю не делать, если получается не делать. 3 минуты:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/36V12nuC0kY?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Также есть <a href=\"https:\/\/vkvideo.ru\/video286049442_456239442\">на ВК-видео<\/a>.<\/p>\n<p>Это фрагмент № 157 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 24 ноября 2023 года.<\/p>\n<p>Идёт запись на курс, который пройдёт 18 января — 16 февраля. Сейчас −30% из-за ранней записи.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Обсуждаем, делать ли втяжку у подчинённых строк в таблице. Я предпочитаю не делать, если получается не делать",
            "date_published": "2024-12-14T10:36:06+03:00",
            "date_modified": "2024-12-19T19:21:27+03:00",
            "tags": [
                "вёрстка",
                "студентам",
                "таблицы",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-36V12nuC0kY-cover.jpg",
            "_date_published_rfc2822": "Sat, 14 Dec 2024 10:36:06 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6401",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-36V12nuC0kY-cover.jpg"
                ]
            }
        },
        {
            "id": "6382",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-152\/",
            "title": "На интерфейсном курсе: много стилей и плохие тени",
            "content_html": "<p>Разбираем интерфейс заправки. Одна из проблем — перебор с количеством стилей. Не надо выделять всё разными шрифтами по важности, ведь получается каша. А ещё тени должны падать вниз и не быть чисто серыми. 6 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/hvv_ohLK1xU?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Также есть <a href=\"https:\/\/vk.com\/video286049442_456239429\">на ВК-видео<\/a>.<\/p>\n<p>Это фрагмент № 152 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 3 ноября 2023 года.<\/p>\n<p>Идёт запись на курс, который пройдёт 7 декабря — 5 января. Всё ещё аж −30% из-за очень ранней записи.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Разбираем интерфейс заправки. Одна из проблем — перебор с количеством стилей. Не надо выделять всё разными шрифтами по важности, ведь получается каша",
            "date_published": "2024-11-01T14:00:56+03:00",
            "date_modified": "2024-11-01T13:59:55+03:00",
            "tags": [
                "вёрстка",
                "студентам",
                "фрагменты курса ПИ",
                "эстетика интерфейса"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-hvv_ohLK1xU-cover.jpg",
            "_date_published_rfc2822": "Fri, 01 Nov 2024 14:00:56 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6382",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-hvv_ohLK1xU-cover.jpg"
                ]
            }
        },
        {
            "id": "6288",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/presentation-course-frag-5\/",
            "title": "На курсе презентаций: новый подход к обучению сотрудников (второй подход и разбор слайдов)",
            "content_html": "<p>Участница курса презентаций Дарья Камышная презентует руководству новый подход к обучению сотрудников, который она предлагает. Первая попытка — <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/presentation-course-frag-4\/\">в предыдущем видео<\/a>. Здесь рассказ намного бодрее! Часть рассказа мы вырезали по просьбе Дарьи, так как там были закрытые штуки с её работы. Теперь Миша показывает, как улучшить слайды. 15 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/zyy3Te5sOck?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<p>\n00:00 Дарья презентует<br \/>\n03:23 Миша показывает, как улучшить слайды<br \/>\n<\/p>\n<\/div>\n<p>Это фрагмент № 5 онлайн-курса «Презентация клиенту и публичные выступления». Записано на курсе  25 марта 2024 года.<\/p>\n<p>Редко выкладываем кусочки оттуда, зацените.<\/p>\n<p>До 19 мая идёт запись на курс, который пройдёт с 20 мая по 9 июня. Сэкономьте 10%, записавшись заранее.<\/p>\n<p><a href=\"https:\/\/bureau.ru\/courses\/presentation-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа и запись<\/p>\n",
            "summary": "Участница курса презентаций Дарья Камышная презентует руководству новый подход к обучению сотрудников, который она предлагает...",
            "date_published": "2024-05-04T09:30:49+03:00",
            "date_modified": "2024-05-04T09:33:22+03:00",
            "tags": [
                "вёрстка",
                "видео",
                "курсы",
                "презентации и выступления"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-zyy3Te5sOck-cover.jpg",
            "_date_published_rfc2822": "Sat, 04 May 2024 09:30:49 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6288",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "jquery\/jquery.js",
                    "media-seek\/media-seek.js"
                ],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-zyy3Te5sOck-cover.jpg"
                ]
            }
        },
        {
            "id": "6143",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/course-ui-practice-cover\/",
            "title": "Обложка новости про усиление практики на курсе",
            "content_html": "<p>К недавней новости про <a href=\"http:\/\/bureau.ru\/news\/2023\/ui-online-practice-boost\/\">усиление практики на курсе<\/a> я нарисовал нехитрую обложку:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-final@2x.png\" width=\"480\" height=\"240\" alt=\"\" \/>\n<\/div>\n<p>Обложка нужна просто чтобы была хоть какая-то картинка для соцсетей, но при этом нет смысла тратить силы на дизайн кастомной графики. Надо сделать чё-то нормальное по-быстрому.<\/p>\n<p>Кажется, что у меня просто написано слово «практика» с переносом.<\/p>\n<p>На самом деле, если просто написать слово, получится так:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-initial@2x.png\" width=\"457\" height=\"408\" alt=\"\" \/>\n<\/div>\n<p>Строки встают так далеко друг от друга, потому что шрифт обычно изначально проектируют для набора полноценного текста. Вот смотрите, как будет выглядеть набор полноценного текста:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-font-example@2x.png\" width=\"460\" height=\"348\" alt=\"\" \/>\n<\/div>\n<p>То есть со шрифтом всё нормально, но для моей задачи такой отступ выглядит нелепо. Подтягиваем строки друг к другу. Я подтянул так, чтобы расстояние между строками было такое, как толщина горизонтального штриха в этом шрифте:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-tight-explanation@2x.png\" width=\"457\" height=\"260\" alt=\"\" \/>\n<\/div>\n<p>Получилось так:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-tight@2x.png\" width=\"457\" height=\"260\" alt=\"\" \/>\n<\/div>\n<p>Дальше мне захотелось упереть букву П левым верхним углом в угол самой плашки. Но при таком крупном наборе видно, что крыша буквы Т торчит левее буквы П в предыдущей строке. В шрифте специально делают так — это называется оптическими компенсациями. Если бы их не было, при взгляде издалека наоборот казалось бы, что Т уехала правее. Но мы-то тут не издалека смотрим, а под микроскопом. Поэтому поставим ровно, ну и упрём в левый край:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-left-aligned@2x.png\" width=\"457\" height=\"260\" alt=\"\" \/>\n<\/div>\n<p>Сверху, справа и снизу тоже хочется упереть:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-cropped@2x.png\" width=\"439\" height=\"241\" alt=\"\" \/>\n<\/div>\n<p>Теперь напрягает, что крыша буквы Т <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/almost\/\">почти, но не совсем<\/a> совпадает по ширине с П, а вертикальный штрих от И проходит мимо Р, хотя мог бы и попадать:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-misalignments-explanation@2x.png\" width=\"439\" height=\"241\" alt=\"\" \/>\n<\/div>\n<p>Букве Т надо крышу нарисовать правильной длины, ну и букву И подвинуть правее. Диагонали от И и А могли бы плавнее друг в друга переходить, а потом от К и А. Вообще, заметно, что чем дальше от начала строки, тем сильнее расхождение, поэтому хочется просто нижнюю строку разредить до более плавного попадания:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-almost-aligned@2x.png\" width=\"439\" height=\"241\" alt=\"\" \/>\n<\/div>\n<p>Теперь замечаю, что левый штрих от К почти, но не совсем проходит через середину А:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-ak-explanation@2x.png\" width=\"439\" height=\"241\" alt=\"\" \/>\n<\/div>\n<p>Двигаю К чуток левее, чтобы попадало чётко:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-aligned-explanation@2x.png\" width=\"439\" height=\"241\" alt=\"\" \/>\n<\/div>\n<p>Получается так:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-aligned@2x.png\" width=\"439\" height=\"241\" alt=\"\" \/>\n<\/div>\n<p>Замечаю, что картинка получилась размера 439×241. Как минимум надо сделать 440×240, чтобы совесть была чиста, но я решаю сделать 480×240 — тогда получится прямоугольник пропорций 2:1. Мелочь, а приятно. Для этого нужно увеличить разрядку в обеих строках, но это и так <a href=\"https:\/\/www.artlebedev.ru\/kovodstvo\/sections\/142\/\">неплохая идея<\/a>. Аккуратно делаю, следя за тем, чтобы все выстроенные вертикали сохранились:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-wider@2x.png\" width=\"480\" height=\"240\" alt=\"\" \/>\n<\/div>\n<p>Перетекание И в А немного нарушилось — ну, значит не судьба. Отступ между строками пришлось на 1 пиксель уменьшить, сломав исходную затею с тем, чтобы это был ровно размер горизонтального штриха. Но кто ж это заметит?<\/p>\n<p>Теперь буквы стоят нормально, но всё вместе выглядит дырявенько, да и непонятно, что практика-то? Добавляю надписи «×2» и «и сертификаты с отличием», а заодно ставлю сердечко из обложки курса на фон. Выравниваю надписи на глазок по среднему штриху К:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-decorated@2x.png\" width=\"480\" height=\"240\" alt=\"\" \/>\n<\/div>\n<p>Готово:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-final@2x.png\" width=\"480\" height=\"240\" alt=\"\" \/>\n<\/div>\n<p>Если вы работаете дизайнером, такие вещи вы должны делать просто на автопилоте и даже не считать, что вы что-то задизайнили. Это типа как уборщице поставить ровно стулья в кафе после ухода гостя. Любое конкретное решение на каждом из шагов может быть другим, но важно, чтобы вам было не всё равно.<\/p>\n<p>А на курс <a href=\"https:\/\/bureau.ru\/courses\/ui-online\/\" class=\"nu\">«<u>Пользовательский интерфейс и представление информации<\/u>»<\/a> с усиленной практикой и сертификатами с отличием не забудьте прийти!<\/p>\n",
            "summary": "К недавней новости про усиление практики на курсе я нарисовал нехитрую обложку...",
            "date_published": "2023-11-08T21:08:22+03:00",
            "date_modified": "2023-11-08T22:12:38+03:00",
            "tags": [
                "вёрстка",
                "делай ровно",
                "дизайн",
                "курсы",
                "студентам"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-initial@2x-1.png",
            "_date_published_rfc2822": "Wed, 08 Nov 2023 21:08:22 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6143",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-initial@2x-1.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-final@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-initial@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-font-example@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-tight-explanation@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-tight@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-left-aligned@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-cropped@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-misalignments-explanation@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-almost-aligned@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-ak-explanation@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-aligned-explanation@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-aligned@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-wider@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-decorated@2x.png"
                ]
            }
        },
        {
            "id": "5987",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-99\/",
            "title": "На интерфейсном курсе: комментирую вёрстку окна",
            "content_html": "<p>Объясняю по элементам, что не так с вёрсткой, почему она выглядит не очень. А ещё есть путаница с ролью элементов: то ли там заголовок, то ли переключалка какая-то. Заодно касаемся темы различий между вкладками и переключалками. 4 минуты:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/yj5dFy9HQ-Y?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 99 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 9 декабря 2022 года.<\/p>\n<p>До 26 мая идёт запись на курс, который пройдёт с 27 мая по 25 июня.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Объясняю по элементам, что не так с вёрсткой, почему она выглядит не очень. А ещё есть путаница с ролью элементов",
            "date_published": "2023-05-02T21:29:15+03:00",
            "date_modified": "2023-08-14T17:13:00+03:00",
            "tags": [
                "вёрстка",
                "видео",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-yj5dFy9HQ-Y-cover.jpg",
            "_date_published_rfc2822": "Tue, 02 May 2023 21:29:15 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5987",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-yj5dFy9HQ-Y-cover.jpg"
                ]
            }
        },
        {
            "id": "5939",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-89\/",
            "title": "На интерфейсном курсе: прямоугольнизация дизайна и свобода, которую даёт фотошоп",
            "content_html": "<p>Сначала я показываю, какой интерфейс дырявый, и какой сложной формы эти дырки и элементы. А потом в Фотошопе показываю, как залатать все дыры, сделав элементы прямоугольным. Ну и хвалю Фотошоп за свободу, которую не даёт никакая Фигма. 10 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/eLOGLY3_h7U?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 89 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 10 июня 2022 года.<\/p>\n<p>До 27 января идёт запись на курс, который пройдёт с 28 января по 26 февраля.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Сначала я показываю, какой интерфейс дырявый, и какой сложной формы эти дырки и элементы. А потом в Фотошопе показываю, как залатать все дыры, сделав элементы прямоугольным",
            "date_published": "2023-01-24T08:34:42+03:00",
            "date_modified": "2023-08-14T17:25:06+03:00",
            "tags": [
                "вёрстка",
                "видео",
                "студентам",
                "Фотошоп",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-eLOGLY3_h7U-cover.jpg",
            "_date_published_rfc2822": "Tue, 24 Jan 2023 08:34:42 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5939",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-eLOGLY3_h7U-cover.jpg"
                ]
            }
        },
        {
            "id": "5931",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-85\/",
            "title": "На интерфейсном курсе: исправляем форму формы, ну и немножко содержание",
            "content_html": "<p>Разбираем дизайн формы. Во-первых, убираем центровку, чтобы стало выглядеть нормально. Во-вторых, наводим порядок со смыслом элементов управления. В-третьих, вспоминаем про теорию близости. А под конец у меня ломается Фотошоп. Но суть всё равно понятна. 5 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/DnTeUK1OqLQ?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 85 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 10 июня 2022 года.<\/p>\n<p>До 27 января идёт запись на курс, который пройдёт с 28 января по 26 февраля.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Разбираем дизайн формы. Во-первых, убираем центровку, чтобы стало выглядеть нормально. Во-вторых, наводим порядок со смыслом элементов управления",
            "date_published": "2023-01-07T00:01:25+03:00",
            "date_modified": "2024-01-14T18:58:52+03:00",
            "tags": [
                "близость",
                "веб-формы",
                "вёрстка",
                "видео",
                "пользовательский интерфейс",
                "студентам",
                "фрагменты курса ПИ",
                "эстетика интерфейса"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-DnTeUK1OqLQ-cover.jpg",
            "_date_published_rfc2822": "Sat, 07 Jan 2023 00:01:25 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5931",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-DnTeUK1OqLQ-cover.jpg"
                ]
            }
        },
        {
            "id": "5911",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-78\/",
            "title": "На интерфейсном курсе: неудачные выравнивательные связи",
            "content_html": "<p>У участника курса почти, но не совсем выровнялись слова. Но тут случай, когда если совсем выровнять, станет чуть ли не ещё хуже. Обсуждаем неудачные выравнивательные связи и другие совпадения, например коридорчики в наборе. 4 минуты:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/JFKJHdQJvNQ?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 78 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 1 апреля 2022 года.<\/p>\n<p>До 2 декабря идёт запись на курс, который пройдёт с 3 декабря по 1 января.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n<p>См. также:<\/p>\n<ul>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/almost\/\">Почти, но не совсем<\/a><\/li>\n<\/ul>\n",
            "summary": "У участника курса почти, но не совсем выровнялись слова. Но тут случай, когда если совсем выровнять, станет чуть ли не ещё хуже",
            "date_published": "2022-11-15T21:51:50+03:00",
            "date_modified": "2023-08-14T17:35:53+03:00",
            "tags": [
                "вёрстка",
                "видео",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-JFKJHdQJvNQ-cover.jpg",
            "_date_published_rfc2822": "Tue, 15 Nov 2022 21:51:50 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5911",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-JFKJHdQJvNQ-cover.jpg"
                ]
            }
        },
        {
            "id": "5873",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-73\/",
            "title": "На интерфейсном курсе: верстаем интерфейс конструктора окон",
            "content_html": "<p>Показываю, как я верстаю интерфейсы. Общий принцип — делать из всего прямоугольники. Видео хорошо идёт на двойной скорости или даже ещё быстрее, если ваш проигрыватель такое даёт. На этот раз длинный видос, целых 16 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/49DSUMomhNE?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 73 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 11 февраля 2022 года.<\/p>\n<p>До 28 октября идёт запись на курс, который пройдёт с 29 октября по 27 ноября.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Показываю, как я верстаю интерфейсы. Общий принцип — делать из всего прямоугольники. Видео хорошо идёт на двойной скорости или даже ещё быстрее, если ваш проигрыватель такое даёт",
            "date_published": "2022-10-05T23:29:04+03:00",
            "date_modified": "2023-08-14T17:45:45+03:00",
            "tags": [
                "вёрстка",
                "видео",
                "пользовательский интерфейс",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-49DSUMomhNE-cover.jpg",
            "_date_published_rfc2822": "Wed, 05 Oct 2022 23:29:04 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5873",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-49DSUMomhNE-cover.jpg"
                ]
            }
        },
        {
            "id": "5854",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-71\/",
            "title": "На интерфейсном курсе: запрещаю выравнивание по центру",
            "content_html": "<p>Запрещаю выравнивание по центру, и из-за этого части таблицы начинают хуже разделяться визуально. Как же это починить? Для этого нам понадобится теория близости! 3 минутки:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/TAg6cnGIsh4?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 71 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 4 февраля 2022 года.<\/p>\n<p>До 23 сентября идёт запись на курс, который пройдёт с 24 сентября по 23 октября.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Запрещаю выравнивание по центру, и из-за этого части таблицы начинают хуже разделяться визуально. Как же это починить?",
            "date_published": "2022-08-24T09:06:02+03:00",
            "date_modified": "2023-12-26T13:16:28+03:00",
            "tags": [
                "близость",
                "вёрстка",
                "видео",
                "представление информации",
                "студентам",
                "таблицы",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-TAg6cnGIsh4-cover.jpg",
            "_date_published_rfc2822": "Wed, 24 Aug 2022 09:06:02 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5854",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-TAg6cnGIsh4-cover.jpg"
                ]
            }
        }
    ],
    "_e2_version": 4259,
    "_e2_ua_string": "Aegea 12.0a (v4259e)"
}