{
    "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:\/\/mikeozornin.ru\/blog\/tags\/sketch\/",
    "feed_url": "https:\/\/mikeozornin.ru\/blog\/tags\/sketch\/json\/",
    "icon": "https:\/\/mikeozornin.ru\/blog\/user\/userpic@2x.jpg?1614204384",
    "author": {
        "name": "Михаил Озорнин",
        "url": "https:\/\/mikeozornin.ru\/blog\/",
        "avatar": "https:\/\/mikeozornin.ru\/blog\/user\/userpic@2x.jpg?1614204384"
    },
    "items": [
        {
            "id": "65",
            "url": "https:\/\/mikeozornin.ru\/blog\/all\/how-to-sign-screenshots\/",
            "title": "Как подписывать скриншоты: Шаблон в Скетче",
            "content_html": "<p>Ян Хацкевич написал пост о том, как они в Драйв2 подписывают скриншоты:<br \/>\n<a href=\"http:\/\/priunil.ru\/all\/kak-oformlyat-skrinshoty\/\">http:\/\/priunil.ru\/all\/kak-oformlyat-skrinshoty\/<\/a><\/p>\n<p>В итоге они пришли вот к такой картинке:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/mikeozornin.ru\/blog\/pictures\/Screenshots_best-min.scaled@2x.jpg\" width=\"720\" height=\"534.5\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Картинка из поста выше: <a href=\"http:\/\/priunil.ru\/all\/kak-oformlyat-skrinshoty\/\">http:\/\/priunil.ru\/all\/kak-oformlyat-skrinshoty\/<\/a><\/div>\n<\/div>\n<p>Мне стало интересно как сделать такое в Скетче. Долго не мог понять как сделать белую дырку с размытым краем, в итоге придумал вот такую конструкцию.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/mikeozornin.ru\/blog\/pictures\/spotlight@2x.png\" width=\"898\" height=\"580\" alt=\"\" \/>\n<\/div>\n<p>Буду рад, если кому-то поможет. Если кто-то знает, как сделать лучше — напишите, буду рад совету.<br \/>\n<a href=\"http:\/\/mikeozornin.ru\/share\/spotlight.sketch\" class=\"blog-button\">Скачать исходник Скетча ↓<\/a><\/p>\n",
            "date_published": "2017-08-07T11:20:42+03:00",
            "date_modified": "2018-11-18T23:16:05+03:00",
            "image": "https:\/\/mikeozornin.ru\/blog\/pictures\/spotlight@2x.jpg",
            "_date_published_rfc2822": "Mon, 07 Aug 2017 11:20:42 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "65",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/mikeozornin.ru\/blog\/pictures\/spotlight@2x.jpg",
                    "https:\/\/mikeozornin.ru\/blog\/pictures\/Screenshots_best-min.scaled@2x.jpg",
                    "https:\/\/mikeozornin.ru\/blog\/pictures\/spotlight@2x.png"
                ]
            }
        },
        {
            "id": "28",
            "url": "https:\/\/mikeozornin.ru\/blog\/all\/nemnogo-razobralsya-kak-rabotayut-simvoly-v-novom-sketche-3-7\/",
            "title": "Немного разобрался как работают символы в новом Скетче 3.7",
            "content_html": "<p>Оригинал в ЖЖ: <a href=\"http:\/\/withoutbrains.livejournal.com\/92178.html\">http:\/\/withoutbrains.livejournal.com\/92178.html<\/a><\/p>\n<p>В скетче 3.7 новые символы (<a href=\"https:\/\/blog.sketchapp.com\/sketch-3-7-and-new-symbols-d833a5be4027).\">https:\/\/blog.sketchapp.com\/sketch-3-7-and-new-symbols-d833a5be4027).<\/a> Ими стало можно хотя бы для чего-то пользоваться.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/mikeozornin.ru\/blog\/pictures\/49339_original@2x.png\" width=\"620\" height=\"555\" alt=\"\" \/>\n<\/div>\n<p>Книжная полка <a href=\"http:\/\/b.mikeozornin.ru\/?go=all\/zadanie-po-vizualnomu-stilyu-v-shkole-dizayna-yandeksa\/\">Книгопоиска<\/a> слева и справа — два экземпляра одного символа. Переопределено всё: картинки, тексты. Маски, слои с затемнением, всякие фоны сохранились.<\/p>\n<p>Обратите внимание, 32 подписчика выровнены не абсолютно, а относительно предыдущего. Для горизонтальных элементов Скетч как-то догадывается сделать для переопределенного текста такой же отступ, как был в символе. Пока не понял, как сделать так же по вертикали (т. е. с заголовком карточки не пройдет). Напишите, если знаете.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/mikeozornin.ru\/blog\/pictures\/49448_original@2x.png\" width=\"385\" height=\"269\" alt=\"\" \/>\n<\/div>\n<p>Такая же история с людьми. Более короткое «О себе» не вынуждает болтаться в воздухе город и эл. почту.<\/p>\n<p>Исходник, чтобы можно было посмотреть как устроено: <a href=\"http:\/\/dropbox.com\/sh\/bun7hxmjczmzpky\/AACFj7RU2ZScWTm2nLS5udAfa?dl=0\">dropbox.com\/sh\/bun7hxmjczmzpky\/AACFj7RU2ZScWTm2nLS5udAfa?dl=0<\/a><\/p>\n<p>А банальную кнопку, которая бы меняла размера, символом сделать пока нельзя.<\/p>\n",
            "date_published": "2016-04-14T03:18:39+03:00",
            "date_modified": "2024-01-07T14:47:28+03:00",
            "image": "https:\/\/mikeozornin.ru\/blog\/pictures\/49339_original@2x.png",
            "_date_published_rfc2822": "Thu, 14 Apr 2016 03:18:39 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "28",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/mikeozornin.ru\/blog\/pictures\/49339_original@2x.png",
                    "https:\/\/mikeozornin.ru\/blog\/pictures\/49448_original@2x.png"
                ]
            }
        }
    ],
    "_e2_version": 3798,
    "_e2_ua_string": "E2 (v3798; Aegea)"
}