{
    "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\/whitespaces\/",
    "feed_url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=tags%2Fwhitespaces%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": "753",
            "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/whitespaces-on-product-hunt\/",
            "title": "«Пробелы» на Продакт-ханте",
            "content_html": "<p>У меня есть проект о пробелах — таблица с наиболее ходовыми пробелами, которые удобно копировать в буфер, чтобы потом вставлять в почти любой редактор — <a href=\"https:\/\/kirillbelyaev.com\/s\">krll.me\/s<\/a>.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/whitespaces@2x.png\" width=\"864\" height=\"572\" alt=\"\" \/>\n<\/div>\n<p>Проект рос неспешно. Сначала это была страница в блоге, потом пробелы переехали на отдельный адрес, получили новый дизайн с залипающими при прокрутке подзаголовками и темы оформления, которые повторяют тему устройства. Потом я добавил английскую версию и решил попробовать запустить проект на Продакт-ханте.<\/p>\n<h2>Хантер<\/h2>\n<p>Готовя публикацию, я прочитал кучку статей. Там были разные советы, но все писали, что нужно просить о публикации хантера с опытом. Друзья как один повторяли ту же мантру.<\/p>\n<p>Первый согласившийся хантер отказался после передачи материалов. Такое бывает — у всех свои дела. Всего я написал восьмерым.<\/p>\n<p>Со вторым общался исключительно через личные сообщения в Твитере, материалы передавал там же ссылкой на Гугл-док. Удобный способ не афишировать почту, кстати.<\/p>\n<p>«Найди хантера» — легко сказать, но в первый раз непонятно, как сделать. Поэтому запишу советы себе в прошлое:<\/p>\n<ol start=\"1\">\n<li>Написать ребятам из топ-100 хантеров и топ-50 создателей — <a href=\"https:\/\/yvoschaap.com\/producthunt\/\">yvoschaap.com\/producthunt<\/a>.<\/li>\n<li>Если из топ-списков никто не ответит, найди на ПХ продукты по близкой тематике, и посмотри, кто публиковал их. На странице каждого хантера есть ссылка на его твитер. Если там указан сайт, то можно поискать почту, но субъективно кажется, что через личные сообщения Твитера проще.<\/li>\n<\/ol>\n<h2>Публикация<\/h2>\n<p>Чтобы понимать, какие материалы нужны для публикации, я прошёл форму публикации ПХ, как будто собрался публиковать, но без подтверждения в конце. Потом завёл табличку со всеми полями, чтобы ничего не забыть и заполнял её. В конце поста делюсь шаблоном.<\/p>\n<p>Хантер добавил публикацию в расписание на ПХ, и прислал мне ссылку — оставалось добавить недостающее. В этот же момент стал доступен бейджик, который полезно повесить на сайт, чтобы посетители могли голосовать и там тоже.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/ph-badge@2x.png\" width=\"353\" height=\"89\" alt=\"\" \/>\n<\/div>\n<h2>Соцсети<\/h2>\n<p>Весь день запуска я публиковал посты в соцсетях и тематических сообществах в Фейсбуке и Телеграме, наподобие <a href=\"https:\/\/www.facebook.com\/groups\/producthuntsng\/\" class=\"nu\">«<u>Product Hunt в СНГ<\/u>»<\/a> и <a href=\"https:\/\/www.facebook.com\/groups\/startupproductlaunches\/\" class=\"nu\">«<u>Startup Product Launches<\/u>»<\/a>. В части сообществ вход одобряет администратор, поэтому лучше постучаться заранее, чтобы в день запуска можно было уже публиковать. Для некоторых соцсетей у меня было заготовлено по несколько постов.<\/p>\n<p>Не повторяйте моих ошибок — пишите о публикации, публикуйте прямую ссылку на страницу проекта на ПХ, просите задавать вопросы и комментировать, но не просить голосовать.<\/p>\n<p>Повторю ещё один распространённый совет — разгрузите день публикации. Так будет проще отвечать на комментарии, ретвитить и рассказывать подробнее о проекте.<\/p>\n<h2>Ролик<\/h2>\n<p>Важным, как минимум для меня, был вот этот ролик:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/ulVnsPSmt0A\" frameborder=\"0\" allowfullscreen><\/iframe><\/div>\n<p>Сейчас уверен, что для таких инди-проектов, как «Пробелы» это отличный способ привлечь внимание к публикации. Обычно в соцсетях и так в курсе проектов друг друга, ролик — свежий инфоповод.<\/p>\n<p>Весь ролик сделал за 3,5 дня, часов за 15-20. Сначала написал сценарий и попросил помощи с английским, чтобы фразы были проще для произношения.<\/p>\n<p>В кадре — моё рабочее место, чуть прибранное к съёмке. Я сидел в домашней толстовке с пятнами, она больше подошла по цвету просто.<\/p>\n<p>Первый день съёмок учил и репетировал (около 5 часов). Пересматривал, переснимал, придумывал где куда руками махать, а где отходить от сценария, чтобы вышло живее и какими фразами это лучше делать. Отрывки для картинки в картинке со скринкастами писал в последний день, потому что на маленьких прямоугольниках в углу экрана не так заметны огрехи.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/spaces-inshot@2x.png\" width=\"562\" height=\"914\" alt=\"\" \/>\n<\/div>\n<p>Снимал и монтировал на десятый Айфон, только скринкаст — с ноутбука. Ещё был штатив с держателем для телефона. Свет был из окна, за окном — облачно.<\/p>\n<p>Звук писал на встроенный айфоновский микрофон (без носка :—) Поэтому много шумов. Писать на эирподсы штатная камера не даёт, а приложения, которые дают стоят от 15$ примерно. Так как звук с эирподсами получается так себе (тесты легко найти на Ютьюбе), решил к следующими ролику купить петличку на эти деньги.<\/p>\n<p>Всё монтировал в приложении <a href=\"http:\/\/www.inshot.com\/\">Иншот<\/a>: кроп, цветокоррекция, громкость голоса, музыка, звуки, стикеры и картинка в картинке. (Удивительно, кстати, что на Маке только после перехода на АРМ будет нормальный видеоредактор :—)<\/p>\n<h2>Результаты<\/h2>\n<p>135 голосов в день публикации и 380 на момент выхода этой заметки, 10 место, фичер ПХ, плюс включение «Пробелов» <a href=\"https:\/\/www.producthunt.com\/newsletter\/7388\">в рассылку<\/a> — заветное событие для многих стартаперов, как оказалось.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/ph-newsletter@2x.png\" width=\"526\" height=\"280\" alt=\"\" \/>\n<\/div>\n<p>В целом я доволен публикацией — классный опыт, который можно масштабировать.<\/p>\n<p>Минус заметил только один — увеличение почтового спама с предложениями всякого продвижения и прочего.<\/p>\n<h2>Вишенка<\/h2>\n<p>Чтобы было удобнее публиковать в следующий раз, собрал себе <a href=\"https:\/\/www.notion.so\/PH-Launch-1e828cf0c2614513b66c8e2e2aabd2e2\">чек-листы в Ноушене<\/a>. Страницу можно скопировать и отредактировать под себя, чтобы чуть упросить следующий запуск.<\/p>\n",
            "date_published": "2020-12-15T16:05:12+03:00",
            "date_modified": "2020-12-15T16:05:07+03:00",
            "image": "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/whitespaces@2x.png",
            "_date_published_rfc2822": "Tue, 15 Dec 2020 16:05:12 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "753",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/whitespaces@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/ph-badge@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/remote\/youtube-ulVnsPSmt0A-cover.jpg",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/spaces-inshot@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/ph-newsletter@2x.png"
                ]
            }
        },
        {
            "id": "633",
            "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/spaces\/",
            "title": "Пробелы",
            "content_html": "<p>После заметки <a href=\"http:\/\/kirillbelyaev.com\/all\/zero-width-characters\/\">о символах нулевой ширины<\/a> собрал свою таблицу пробелов. Добавил символы нулевой ширины, короткие мнемоники, аннотации, скрипт для копирования, чтобы не целиться, и сгруппировал. В аннотациях — только применение.<\/p>\n<div class=\"e2-text-table\"><table class=\"space-table\"><thead><tr><th colspan=\"2\"><p>→ Неразрывность<\/p>\n<\/th><th><p>ХТМЛ<\/p>\n<\/th><th><p>Мнемоника<\/p>\n<\/th><th colspan=\"2\"><p>АйОС и Андройд<\/p>\n<\/th><\/thead><tbody><tr><td><\/td><td colspan=\"3\"><p><b>С нулевой шириной<\/b><\/p>\n<\/td><\/tr><tr><td><\/td><td><p><button class=\"copy\" onclick=\"copyToClipboard('#st1')\">Zero Width <strong id=\"st1\">&#8203;<\/strong>Space<\/button><\/p>\n<\/td><td id=\"td2\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td2')\">&<span>#8203;<\/span><\/button><\/p>\n<\/td><td><\/td><td id=\"td2u\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td2u')\">\\u200B<\/button><\/p>\n<\/td><td><p>При выравнивании по ширине растягивается, как другие пробелы. В языках без пробелов отмечает границы слов<\/p>\n<\/td><\/tr><tr><td><p>→<\/p>\n<\/td><td><p><button class=\"copy\" onclick=\"copyToClipboard('#st1')\">Word <strong id=\"st19\">&#8288;<\/strong>Joiner<\/button><\/p>\n<\/td><td id=\"td1\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td1')\">&<span>#8288;<\/span><\/button><\/p>\n<\/td><td id=\"td1m\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td1m')\">&<span>NoBreak;<\/span><\/button><\/p>\n<\/td><td id=\"td1u\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td1u')\">\\u2060<\/button><\/p>\n<\/td><td><p>Запрещает разрыв строки, не добавляя пустого пространства. Не пробел, но для поиска, парсинга, сортировки и пр. определяет границы слов<\/p>\n<\/td><\/tr><tr><td><\/td><td colspan=\"3\"><p><b>Классика<\/b><\/p>\n<\/td><\/tr><tr><td><\/td><td><p><button class=\"copy\" onclick=\"copyToClipboard('#st3')\">Hair<strong id=\"st3\">&#8202;<\/strong>Space<\/button><\/p>\n<\/td><td id=\"td3\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td3')\">&<span>#8202;<\/span><\/button><\/p>\n<\/td><td id=\"td3m\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td3m')\">&<span>hairsp;<\/span><\/button><\/p>\n<\/td><td id=\"td3u\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td3u')\">\\u200A<\/button><\/p>\n<\/td><td><p>Пробел минимальной ширины<\/p>\n<\/td><\/tr><tr><td><\/td><td><p><button class=\"copy\" onclick=\"copyToClipboard('#st4')\">Thin<strong id=\"st4\">&#8201;<\/strong>Space<\/button><\/p>\n<\/td><td id=\"td4\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td4')\">&<span>#8201;<\/span><\/button><\/p>\n<\/td><td id=\"td4m\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td5m')\">&<span>thinsp;<\/span><\/button><\/p>\n<\/td><td id=\"td4u\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td4u')\">\\u2009<\/button><\/p>\n<\/td><td><p>Обычно в 1\/5 кегля, реже — в 1\/6<\/p>\n<\/td><\/tr><tr><td><p>→<\/p>\n<\/td><td><p><button class=\"copy\" onclick=\"copyToClipboard('#st5')\">Narrow No-break<strong id=\"st5\">&#8239;<\/strong>Space<\/button><\/p>\n<td id=\"td5\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td5')\">&<span>#8239;<\/span><\/button><\/p>\n<\/td><td><\/td><td id=\"td5u\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td5u')\">\\u202F<\/button><\/p>\n<\/td><td><p>Зауженный, часто схож с «Thin Space». Не отображается в Сафари, поэтому <a href=\"https:\/\/stackoverflow.com\/questions\/595365\/how-to-render-narrow-non-breaking-spaces-in-html-for-windows\">выкручиваются<\/a><\/p>\n<\/td><\/tr><tr><td><\/td><td><p><button class=\"copy\" onclick=\"copyToClipboard('#st6')\">Normal<strong id=\"st6\">&#32;<\/strong>Space<\/button><\/p>\n<\/td><td id=\"td6\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td6')\">&<span>#32;<\/span><\/button><\/p>\n<\/td><td><\/td><td id=\"td6u\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td6u')\">\\u0020<\/button><\/p>\n<\/td><td><p>Обычный пробел, вводится клавишей «Space»<\/p>\n<\/td><\/tr><tr><td><p>→<\/p>\n<\/td><td><p><button class=\"copy\" onclick=\"copyToClipboard('#st7')\">No-break<strong id=\"st7\">&#160;<\/strong>Space<\/button><\/p>\n<\/td><td id=\"td7\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td7')\">&<span>#160;<\/span><\/button><\/p>\n<\/td><td id=\"td7m\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td7m')\">&<span>nbsp;<\/span><\/button><\/p>\n<\/td><td id=\"td7u\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td7u')\">\\u00A0<\/button><\/p>\n<\/td><td><p>Шириной с обычный пробел<\/p>\n<\/td><\/tr><tr><td><\/td><td colspan=\"3\"><p><b>Кратные кеглю<\/b><\/p>\n<\/td><\/tr><tr><td><\/td><td><p><button class=\"copy\" onclick=\"copyToClipboard('#st8')\">Six-per-em<strong id=\"st8\">&#8198;<\/strong>Space<\/button><\/p>\n<\/td><td id=\"td8\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td8')\">&<span>#8198;<\/span><\/button><\/p>\n<\/td><td><\/td><td id=\"td8u\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td8u')\">\\u2006<\/button><\/p>\n<\/td><td><p>1\/6 кегля<\/p>\n<\/td><\/tr><tr><td><\/td><td><p><button class=\"copy\" onclick=\"copyToClipboard('#st9)\">Four-per-em<strong id=\"st9\">&#8197;<\/strong>Space<\/button><\/p>\n<\/td><td id=\"td9\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td9')\">&<span>#8197;<\/span><\/button><\/p>\n<\/td><td id=\"td9m\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td9m')\">&<span>emsp14;<\/span><\/button><\/p>\n<\/td><td id=\"td9u\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td9u')\">\\u2005<\/button><\/p>\n<\/td><td><p>1\/4 кегля<\/p>\n<\/td><\/tr><tr><td><\/td><td><p><button class=\"copy\" onclick=\"copyToClipboard('#st10')\">Three-per-em<strong id=\"st10\">&#8196;<\/strong>Space<\/button><\/p>\n<\/td><td id=\"td10\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td10')\">&<span>#8196;<\/span><\/button><\/p>\n<\/td><td id=\"td10m\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td10m')\">&<span>emsp13;<\/span><\/button><\/p>\n<\/td><td id=\"td10u\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td10u')\">\\u2004<\/button><\/p>\n<\/td><td><p>1\/3 кегля. Ближе других к обычному пробелу<\/p>\n<\/td><\/tr><tr><td><\/td><td><p><button class=\"copy\" onclick=\"copyToClipboard('#st11')\">En<strong id=\"st11\">&#8194;<\/strong>Space<\/button><\/p>\n<\/td><td id=\"td11\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td11')\">&<span>#8194;<\/span><\/button><\/p>\n<\/td><td id=\"td11m\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td11m')\">&<span>ensp;<\/span><\/button><\/p>\n<\/td><td id=\"td11u\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td11u')\">\\u2002<\/button><\/p>\n<\/td><td><p>1\/2 кегля<\/p>\n<\/td><\/tr><tr><td><\/td><td><p><button class=\"copy\" onclick=\"copyToClipboard('#st12')\">Em<strong id=\"st12\">&#8195;<\/strong>Space<\/button><\/p>\n<\/td><td id=\"td12\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td12')\">&<span>#8195;<\/span><\/button><\/p>\n<\/td><td id=\"td12m\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td12m')\">&<span>emsp;<\/span><\/button><\/p>\n<\/td><td id=\"td12u\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td12u')\">\\u2003<\/button><\/p>\n<\/td><td><p>Шириной с кегль шрифта<\/p>\n<\/td><\/tr><tr><td><\/td><td colspan=\"3\"><p><b>К цифрам<\/b><\/p>\n<\/td><\/tr><tr><td><\/td><td><p><button class=\"copy\" onclick=\"copyToClipboard('#st13')\">Medium Mathematical<strong id=\"st13\">&#8287;<\/strong>Space<\/button><\/p>\n<\/td><td id=\"td13\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td13')\">&<span>#8287;<\/span><\/button><\/p>\n<\/td><td id=\"td13m\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td13m')\">&<span>MediumSpace;<\/span><\/button><\/p>\n<\/td><td id=\"td13u\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td13u')\">\\u205F<\/button><\/p>\n<\/td><td><p>4\/18 кегля. Применяют в математических формулах<\/p>\n<\/td><\/tr><tr><td><p>→<\/p>\n<\/td><td><p><button class=\"copy\" onclick=\"copyToClipboard('#st14')\">Figure<strong id=\"st14\">&#8199;<\/strong>Space<\/button><\/p>\n<\/td><td id=\"td14\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td14')\">&<span>#8199;<\/span><\/button><\/p>\n<\/td><td id=\"td14m\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td14m')\">&<span>numsp;<\/span><\/button><\/p>\n<\/td><td id=\"td14u\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td14u')\">\\u2007<\/button><\/p>\n<\/td><td><p>Шириной с цифру. Используют в наборе таблиц<\/p>\n<\/td><\/tr><tr><td><\/td><td colspan=\"3\"><p><b>Экзотика<\/b><\/p>\n<\/td><\/tr><tr><td><\/td><td><p><button class=\"copy\" onclick=\"copyToClipboard('#st15')\">Punctuation<strong id=\"st15\">&#8200;<\/strong>Space<\/button><\/p>\n<\/td><td id=\"td15\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td15')\">&<span>#8200;<\/span><\/button><\/p>\n<\/td><td id=\"td15m\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td15m')\">&<span>puncsp;<\/span><\/button><\/p>\n<\/td><td id=\"td15u\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td15u')\">\\u2008<\/button><\/p>\n<\/td><td><p>Шириной с точку<\/p>\n<\/td><\/tr><tr><td><\/td><td><p><button class=\"copy\" onclick=\"copyToClipboard('#st16')\">Ideographic<strong id=\"st16\">&#12288;<\/strong>Space<\/button><\/p>\n<\/td><td id=\"td16\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td16')\">&<span>#12288;<\/span><\/button><\/p>\n<\/td><td><\/td><td id=\"td16u\"><p><button class=\"copy\" onclick=\"copyToClipboard('#td16u')\">\\u3000<\/button><\/p>\n<\/td><td><p>Шириной с иероглиф. Используется в восточных языках<\/p>\n<\/td><\/tr><\/tbody><\/table><\/div>",
            "date_published": "2018-05-15T09:34:27+03:00",
            "date_modified": "2018-05-15T09:39:34+03:00",
            "_date_published_rfc2822": "Tue, 15 May 2018 09:34:27 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "633",
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": []
            }
        }
    ],
    "_e2_version": 3572,
    "_e2_ua_string": "E2 (v3572; Aegea)"
}