{
    "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:\/\/www.vitalyfilatov.ru\/tags\/rabota\/",
    "feed_url": "https:\/\/www.vitalyfilatov.ru\/tags\/rabota\/json\/",
    "icon": "https:\/\/www.vitalyfilatov.ru\/user\/userpic@2x.jpg?1613163987",
    "author": {
        "name": "Виталий Филатов",
        "url": "https:\/\/www.vitalyfilatov.ru\/",
        "avatar": "https:\/\/www.vitalyfilatov.ru\/user\/userpic@2x.jpg?1613163987"
    },
    "items": [
        {
            "id": "100",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/ai-talks\/",
            "title": "Как нейросети могут изменить работу UX-редактора",
            "content_html": "<p>Фантазирую, как нейросети повлияют на умственный труд, работу с текстом и культуру мышления в целом.<\/p>\n<p>В 2024 году мы с Никитой Чернояровым записали <a href=\"https:\/\/slozhna.redbasset.tech\/episodes\/RB66277\">подкаст про нейросети<\/a>. Получилось тяжеловато и путанно, поэтому я решил всё немного додумать и выразить более связно. Ожидаемо вышла простыня, зато у вашей умной читалки будет работа. Источники и пояснения смотрите в примечаниях с пижонскими сносками.<\/p>\n<p>Начнём с самого важного и объёмного, а там, глядишь, и до Сократа доберёмся.<\/p>\n<h2>Средний уровень мастерства снизится<\/h2>\n<p>Если кратко, то, как и любая новая непонятная технология, нейронные сети стали «новым АйТи внутри АйТи». Бизнес подхватил волну хайпа и набирает «промпт-инженеров» после курсов с ВК, а полезные знания ещё сильнее размоет рерайтами. Неопытных людей в индустрии станет больше, отчего в среднем уровень навыка просядет.<\/p>\n<p>Теперь подробнее. Мысль о падении навыков довольно избитая и спорная, поэтому я зайду издалека.<\/p>\n<blockquote>\n<p>Далее идёт вольный пересказ интернета, поэтому можно смело читать только цитаты<\/p>\n<\/blockquote>\n<p>Очевидно, что современные общедоступные нейросети на основе языковых моделей не умеют думать по-настоящему. Они не понимают смысла понятий, которыми оперируют, а знают только о силе связей между ними и угадывают следующее слово в тексте. Из-за этого у нейросетей предсказуемо плохо с суждениями о реальном мире, да и с логикой вообще&thinsp;<sup><a href=\"all\/ai-talks\/#t1\" name=\"n1\">[1]<\/a><\/sup>.<\/p>\n<p>Нейросети хороши в другом: они быстро ищут закономерности в огромных данных, чего-нибудь генерируют по аналогии или обрабатывают по заданным правилам. Нейросети научились понимать запросы на естественном языке и прилично отвечать, но всё ещё остаются автоматами — программами, которые решают описанную задачу описанным методом. Нейросети не могут творчески выходить за границы условий задачи, как человек&thinsp;<sup><a href=\"all\/ai-talks\/#t2\" name=\"n2\">[2]<\/a><\/sup>.<\/p>\n<blockquote>\n<p>Нейросети решают задачи только тем способом, которому их обучили, и не умеют учиться новым способам сами<\/p>\n<\/blockquote>\n<p>Например, нейросеть может написать научно-популярную статью по вашим тезисам. Но сделает это она исключительно на основе своей базы связей. Эта база может быть невероятно огромна, но без функции критического анализа нейросеть не сможет найти релевантные научные исследования и сделать верные выводы. Вместо этого она соберёт ворох подходящих к тезисам цитат из популярных источников и слепит студенческий реферат.<\/p>\n<p>Другой случай — описание конкретных объектов реального мира, которые нейросеть не может воспринимать напрямую и опираться на чувственный опыт. Например, описание товаров на маркетплейсах или каких-нибудь элитных квартир глазами покупателя. Без специального обучения нейросеть не догадается рассчитать время до метро по карте или <a href=\"https:\/\/vitalyfilatov.ru\/all\/sato-test\/\">превратить недостаток расположения дома в преимущество<\/a>.<\/p>\n<p>Этот длинный пассаж подводит нас к выводу:<\/p>\n<blockquote>\n<p>Нейросетям стоит поручать рутину — трудную или нудную работу, для которой они хорошо обучены<\/p>\n<\/blockquote>\n<p>Рутина хорошо нам знакома и не учит ничему новому. Если перекладывать на нейросеть творческие задачи, мы будем ограничены её возможностями и не всегда сможем проверить и улучшить результат. Но всё это не делает нейросети плохими или опасными. Проблема, как всегда, не в технологии, а в её применении.<\/p>\n<p>Бизнес подаёт чат-ботов как невероятный прорыв и <i>немного преувеличивает их эффективность<\/i> ради роста капитализации&thinsp;<sup><a href=\"all\/ai-talks\/#t3\" name=\"n3\">[3]<\/a><\/sup>. В простых задачах ChatGPT действительно обеспечивает прирост качества и скорости в моменте&thinsp;<sup><a href=\"all\/ai-talks\/#t4\" name=\"n4\">[4]<\/a><\/sup>, но в перспективе снижает количество людей, которые захотят учиться сами. Инструмент даёт быстрое решение и вознаграждение, а мозг экономит глюкозу и не мотивирует глубоко вникать.<\/p>\n<blockquote>\n<p>С умственным протезом условные джуны быстро получат приемлемый результат, но могут пропустить этап простых задач и не сформировать нужные навыки мышления&thinsp;<sup><a href=\"all\/ai-talks\/#t5\" name=\"n5\">[5]<\/a><\/sup><\/p>\n<\/blockquote>\n<p>Например, начинающие писатели часто попадают <a href=\"https:\/\/vitalyfilatov.ru\/all\/stupor\/\">в писательский блок<\/a>. Если не осознать, что он чаще всего возникает от нехватки понимания, можно просто привыкнуть по любому поводу генерировать черновик нейросетью, потому что <i>некогда, а результат ждут вчера<\/i>.<\/p>\n<p>Но если джун и захочет вникать, ему будет не до этого. Требования к джунам постоянно растут и усложняются, сегодня ни у кого нет времени раскачиваться на простых задачах — бизнесу нужен конвейер. Поэтому джуны вынуждены пользоваться любыми помогайками, чтобы не проиграть вайбкодерам.<\/p>\n<p>Важно упомянуть и промпты:<\/p>\n<blockquote>\n<p>Практика составления хитрых промптов не углубляет понимание предметной области, а развивает навык составления промптов<\/p>\n<\/blockquote>\n<p>Похожим образом регулярное прохождение тестов на IQ повышает именно навык, а не сам IQ&thinsp;<sup><a href=\"all\/ai-talks\/#t6\" name=\"n6\">[6]<\/a><\/sup>.<\/p>\n<p>Другой аспект — упрощение знаний, которое следует из особенностей производства массового контента. Смотрите выше про научно-популярную статью. Не буду нагнетать, просто попробуйте найти в статьях по UX точное определение этого самого UX&thinsp;<sup><a href=\"all\/ai-talks\/#t7\" name=\"n7\">[7]<\/a><\/sup>.<\/p>\n<blockquote>\n<p>Знания утонут в поверхностных пересказах без источников и проверки фактов, учиться станет сложнее. Особенно если генерить учебные планы нейросетью&thinsp;<sup><a href=\"all\/ai-talks\/#t8\" name=\"n8\">[8]<\/a><\/sup><\/p>\n<\/blockquote>\n<p>Но не всё так плохо. Те, кому будет интересно, прочтут нужные книги, вникнут в суть ремесла и получат преимущество. <del>Покупайте мой курс<\/del> Главное, чтобы нашлись работодатели, которым нужна экспертиза, а не тысяча итераций дизайна в неделю.<\/p>\n<h2>Специалисты останутся востребованы<\/h2>\n<p>Бизнес может заменить специалиста чат-ботом, но чат-бот специалиста не заменит. Например, вот из чего складывается моя рутина UX-редактора:<\/p>\n<ol start=\"1\">\n<li>Взять задачу, изучить постановку на языке аналитиков. Попросить их добавить ссылки на макеты и документацию;<\/li>\n<li>Выяснить, что документации нет, а все макеты у дизайнера, который в отпуске;<\/li>\n<li>Найти коллегу дизайнера, который был на проекте раньше, и через него выйти на нужный файл с макетами;<\/li>\n<li>По косвенным признакам вычислить нужные макеты среди кучи версий без статусов и дат актуальности. Попутно получить от продакта результаты UX-исследований, которые нужны в задаче;<\/li>\n<li>По макетам и инструкции в Справочном центре собрать модель процесса, увидеть в нём корнер-кейсы, уточнить их у продакта на звонке и передоговориться о сроках. Заодно убедить продакта вынести часть объяснений в инструкцию;<\/li>\n<li>Посмотреть результаты исследований, понять, что они получены по другим макетам, и перенести часть выводов на сценарий из задачи;<\/li>\n<li>Переложить продуктовый смысл на ситуацию пользователя и <i>написать текст<\/i>. Сразу в макетах, учитывая уже написанное, редполитику и словарь продукта, который сами редакторы и ведут;<\/li>\n<li>Собрать свою версию экрана из компонентов дизайн-системы и объяснить продакту, что для неё не нужно переписывать API. Заодно рассказать, почему типографика важна и её нужно делать хорошо;<\/li>\n<li>Пройти кросс-ревью у коллеги и выяснить, что у некоторых терминов из текста обнаружились новые значения. <i>Поправить текст;<\/i><\/li>\n<li>Дополнить словарь, пока не забыл. Оповестить всех, кто с ним работает по редакционному регламенту. Дописать кусочек регламента;<\/li>\n<li>Убедить юристов в том, что мы меняем их формулировки не из прихоти художника, а с чёткими целями и по методу с научной основой;<\/li>\n<li>Получить комментарии от продакта, придумать новое решение и <i>переписать текст<\/i> в макетах ещё раз.<\/li>\n<\/ol>\n<p>Конечно, всё это можно делегировать нейросети, но всё равно потребуется кто-то, кто её обучит и проследит, чтобы она не бредила в незнакомых ситуациях. А кто сможет это сделать, если сам не разбирается?<\/p>\n<p>Пользуясь случаем, просьба ко всем аналитикам, продактам и дизайнерам:<\/p>\n<blockquote>\n<p>Дорогой друг! Не пиши текст в макетах нейросеткой, это только добавит всем работы: редактор ничего не поймёт и всё равно задаст тысячу вопросов, а потом всё переделает. Пиши своими словами, что должен понять и сделать пользователь на каждом шаге сценария<\/p>\n<\/blockquote>\n<p>Обратите внимание, в списке выше собственно <i>работы с текстом<\/i> набралось три эпизода. Очевидно, один только ChatGPT мою рутину не упростит&thinsp;<sup><a href=\"all\/ai-talks\/#t9\" name=\"n9\">[9]<\/a><\/sup>. Нужен обучаемый ИИ-ассистент, понимающий контекст и умеющий интегрироваться с рабочими сервисами: вики, сервисом локализации, Джирой и Фигмой.<\/p>\n<p>В идеале такой ассистент помогал бы мне следить за логикой изложения и единообразием терминов, вовремя обновлять словари, собирать текст по макетам в коллекции формулировок и вовремя подсвечивать отклонения от редполитики и ToV. Это сэкономило бы много времени и внимания, чтобы я, наконец, занялся какой-нибудь стратегией и исследованиями.<\/p>\n<h2>Умные инструменты сделают работу интереснее<\/h2>\n<p>Античный философ Сократ был противником популяризации письменности. Он считал, что без запоминания всех нужных знаний и обучения в диалоге греческая молодёжь утратит самостоятельность суждений. Но Сократ оказался прав не во всём — письменность освободила значительные когнитивные ресурсы и помогла мыслить глубже&thinsp;<sup><a href=\"all\/ai-talks\/#t10\" name=\"n10\">[10]<\/a><\/sup>.<\/p>\n<p>Доступные и гибкие ассистенты могут помочь нам с очередным скачком в мышлении за счёт его более эффективной организации. Сначала вы просто читаете всё подряд, потом собираете библиотеку и делаете заметки, после заводите хитрую картотеку, <a href=\"https:\/\/luhmann.surge.sh\/communicating-with-slip-boxes\">как у Никласа Лумана<\/a>, а в итоге загружаете всё в ИИ-помощника и настраиваете его под свои задачи.<\/p>\n<p>Благодаря машинному анализу накопленных знаний вдумчивый человек сможет вновь стать философом — неторопливо и глубоко размышлять на стыке дисциплин и задавать креативные вопросы, выводящие мышление за рамки привычных моделей.<\/p>\n<p>Конечно, при условии, что пока появятся такие инструменты, мы не разучимся сосредотачиваться дольше 30 секунд, а на Земле не закончится электричество. Но его пока хватает, а вы дочитали до конца.<\/p>\n<h2>Примечания<\/h2>\n<p>Прошу прощения за архаичную вёрстку примечаний, но движок блога не предусматривает сноски, а дописывать его я не потяну. Поэтому переход по сноске перекидывает вас из ленты в статью.<\/p>\n<p><a name=\"t1\"><\/a><\/p>\n<ol start=\"1\">\n<li>Тут я слукавил для драматизма. Нейросети строят логические выводы, но не на суждениях, а на предсказательных способностях. Последние итерации показывают приличные результаты, и в индустрии нет единого мнения по этому вопросу. Смотрите отчёт Apple от 2025 года <a href=\"https:\/\/machinelearning.apple.com\/research\/illusion-of-thinking\">The Illusion of Thinking<\/a>. А в 2023 выходила статья Санджива Ароры и Анирудха Гояла <a href=\"https:\/\/arxiv.org\/abs\/2310.17567\">про успешный тест на генерацию осмысленного текста<\/a>. <a href=\"all\/ai-talks\/#n1\">↩︎<\/a><\/li>\n<\/ol>\n<p><a name=\"t2\"><\/a><\/p>\n<ol start=\"2\">\n<li>Психологи считают, что творчество — это когнитивная деятельность, приводящая к новому или необычному видению проблемы или ситуации. Постоянное использование одного инструмента вырабатывает функциональную устойчивость, которая ограничивает креативность. <i>Роберт Солсо, Когнитивная психология. 8-е изд., стр. 540 и 543.<\/i> <a href=\"all\/ai-talks\/#n2\">↩︎<\/a><\/li>\n<\/ol>\n<p><a name=\"t3\"><\/a><\/p>\n<ol start=\"3\">\n<li>Например, Сэм Альтман <a href=\"https:\/\/blog.samaltman.com\/the-gentle-singularity\">в эссе о мягкой сингулярности<\/a> говорит, что искусственный сверхразум появится совсем скоро, нужно только подождать. Как Метавселенную экстремиста Цукерберга и Марсианский экспресс Илона Маска (он условно рукопожатный). <a href=\"all\/ai-talks\/#n3\">↩︎<\/a><\/li>\n<\/ol>\n<p><a name=\"t4\"><\/a><\/p>\n<ol start=\"4\">\n<li><a href=\"https:\/\/economics.mit.edu\/sites\/default\/files\/inline-files\/Noy_Zhang_1.pdf\">Статья в MIT Economics<\/a> от 2023 года. Результаты исследования 444 человек показывают, что ChatGPT существенно повышает среднюю производительность работников с низкими способностями. <a href=\"all\/ai-talks\/#n4\">↩︎<\/a><\/li>\n<\/ol>\n<p><a name=\"t5\"><\/a><\/p>\n<ol start=\"5\">\n<li>В ходе практики эксперты учатся распознавать специфические паттерны и организуют знания с точки зрения общих принципов, а не поверхностных характеристик. <i>Солсо, стр. 347 и 567.<\/i> <a href=\"all\/ai-talks\/#n5\">↩︎<\/a><\/li>\n<\/ol>\n<p><a name=\"t6\"><\/a><\/p>\n<ol start=\"6\">\n<li>У меня нет прямых подтверждений именно этого факта, но есть косвенные. Во-первых, некоторые учёные <a href=\"https:\/\/psycnet.apa.org\/record\/1926-02967-001\">не наблюдают эффект переноса<\/a>. Во-вторых, исследования карт мозга показывают, что уроки музыки не обеспечивают ребёнка более качественным мозгом. Часы практики создают мозг, более подготовленный для игры на фортепиано. <i>Ребекка Шварцлоуз, Ландшафты мозга, стр. 172.<\/i> В-третьих, исследования профи по тетрису показывают, что они хорошо крутят в уме только фигуры из тетриса. <i>Солсо, стр. 387—388.<\/i> <a href=\"all\/ai-talks\/#n6\">↩︎<\/a><\/li>\n<\/ol>\n<p><a name=\"t7\"><\/a><\/p>\n<ol start=\"7\">\n<li>В лучшем случае вы встретите упоминание определения <a href=\"https:\/\/www.iso.org\/standard\/77520.html\">по ISO 9241-210<\/a>, но мало кто упоминает <a href=\"https:\/\/experienceresearchsociety.org\/ux\/ux-definitions\/\">коллекцию определений EXPRESSO<\/a>. Впрочем, мне встречалось мнение, что точные определения не так уж и нужны в работе. <a href=\"all\/ai-talks\/#n7\">↩︎<\/a><\/li>\n<\/ol>\n<p><a name=\"t8\"><\/a><\/p>\n<ol start=\"8\">\n<li>Вполне вероятно, что нейросеть проигнорирует редко упоминаемые важные источники, например, <a href=\"https:\/\/www.nngroup.com\/topic\/psychology-and-ux\/\">сайт NN\/g<\/a> или <a href=\"https:\/\/bureau.ru\/soviet\/ui\/selected\/\">Советы Бюро Горбунова<\/a>. <a href=\"all\/ai-talks\/#n8\">↩︎<\/a><\/li>\n<\/ol>\n<p><a name=\"t9\"><\/a><\/p>\n<ol start=\"9\">\n<li>Но это я. Владимир Лалош как-то <a href=\"https:\/\/ux-marafon.ru\/reports\/report?id=229\">рассказывал, что ChatGPT ему хорошо помогает<\/a>. <a href=\"all\/ai-talks\/#n9\">↩︎<\/a><\/li>\n<\/ol>\n<p><a name=\"t10\"><\/a><\/p>\n<ol start=\"10\">\n<li>Если Платон только записывал за Сократом, то Аристотель уже не мыслил себя без чтения. <i>Марианна Вульф, Бесконечная история чтения, стр. 98—100 и 104—116.<\/i> <a href=\"all\/ai-talks\/#n10\">↩︎<\/a><\/li>\n<\/ol>\n<h2>Благодарности<\/h2>\n<p>Никита Чернояров позвал меня на подкаст, задавал направление беседе и помог собрать всё в кучу.<\/p>\n<p>Юлия Ушакова помогла свежим взглядом и острым умом.<\/p>\n<p>К. Д. проверил самые важные тезисы на прочность, помог избавиться от лишнего и рассказал о нелёгкой доле современных джунов.<\/p>\n",
            "date_published": "2025-07-07T23:01:03+05:00",
            "date_modified": "2026-06-15T14:13:01+05:00",
            "_date_published_rfc2822": "Mon, 07 Jul 2025 23:01:03 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "100",
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "55",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/babel\/",
            "title": "Вавилонская формула",
            "content_html": "<p>Как я убеждал читателя выдуманным графиком. История сразу про всё: <a href=\"http:\/\/vitalyfilatov.ru\/all\/dvhbnews\/\">внутреннюю рассылку Девхаба<\/a>, Хабр, древний Вавилон и математику. В конце — выводы. Ведь из каждой истории можно сделать вывод.<\/p>\n<h2>Ситуация<\/h2>\n<p>В 2018 Хабр Карьера анонсировала сервис публичных оценок компаний. Сотрудники анонимно оценивают работодателя по 12 критериям, пользователи портала видят усреднённые оценки, а руководство получает обратную связь.<\/p>\n<p>Как только сервис запустили, мы попросили команду поучаствовать и получили 12 отзывов — сходила примерно треть. Этого было мало для выводов, поэтому мы решили позвать всех ещё раз.<\/p>\n<p>Я написал в рассылке призыв, но тексту явно не хватало картинки с пользой большего количества голосов. Нужно было показать мысль:<\/p>\n<blockquote>\n<p>Больше отзывов → яснее картина происходящего → точнее курс.<\/p>\n<\/blockquote>\n<p>Гифки и мемы не годились, хотелось чего-то шуточного, но с понятным посылом. Поэтому я решил нарисовать график роста ясности и отметить на нём текущее положение дел:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/046-graf.png\" width=\"750\" height=\"302\" alt=\"\" \/>\n<div class=\"e2-text-caption\">12 отзывов проясняют ситуацию только на четверть<\/div>\n<\/div>\n<h2>Замысел<\/h2>\n<p>График задумывался как пародия на популярные бизнес-метрики. Реальной зависимости он не показывал, а просто притягивал внимание и развлекал: некая ясность в диапазоне от 0 до 1 и её очевидно ускоряющийся рост с каждым новым голосом. Читатель посмеётся, а позже возможно вспомнит синюю полоску и невольно подумает про отзывы.<\/p>\n<p>Удивлять чем-то неожиданным и запоминающимся — старый рекламный трюк. Например, <a href=\"https:\/\/www.blindbatnews.com\/2018\/03\/usaf-wins-female-recruits-with-baby-c-17\/58538\">ВВС США завлекают женщин на контрактную службу детёнышем транспортника C-17<\/a>:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/046-chibic17.jpg\" width=\"1200\" height=\"801\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Большие стёкла кабины, короткие крылья и фюзеляж рефлекторно вызывают умиление<\/div>\n<\/div>\n<h2>Реализация<\/h2>\n<p>Для правдоподобия и солидности я решил строить график функцией. Требовалось что-то гладкое и S-образное. Первые несколько отзывов должны были давать быстрый рост ясности. Затем рост замедлялся, а после половины голосов вновь разгонялся.<\/p>\n<p>Известные мне нелинейные функции не годились, и я обратился к приятелю-математику Илье (Илья, привет!) Он выслушал постановку, посмеялся и сотворил нечто из начал анализа:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/046-formula.png\" width=\"568\" height=\"227\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Натягиваем сову на глобус: Σ — ясность, N — общее количество участников, x — количество полученных оценок<\/div>\n<\/div>\n<p>Графику требовалась формула, а формуле — история, которая бы объясняла её абсурдность. Я почитал Википедию, написал фрагмент вымышленной книги «Знаменитые математические формулы» и оформил её как халтурный рип из электронной библиотеки.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/046-article.jpg\" width=\"1260\" height=\"1317\" alt=\"\" \/>\n<div class=\"e2-text-caption\"><a href=\"http:\/\/vitalyfilatov.ru\/pictures\/Znamenitye_matematicheskie_formuly_-_Glava_2_-_Babilon_formula_(fragment)_SacredLibRu.png\">Znamenitye_matematicheskie_formuly_-_Glava_2_-_Babilon_formula_(fragment)_SacredLibRu.png<\/a><\/div>\n<\/div>\n<p>Формула и статья заняли большую часть субботы. Информативности они рассылке не добавляли, поэтому делал я их в нерабочее время.<\/p>\n<h2>Результат и выводы<\/h2>\n<p>В начале выпуска я разместил призыв с графиком. Под графиком — пояснение со сноской, а по сноске в конце выпуска дал пояснение со ссылкой на файл статьи.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/046-result.png\" width=\"1200\" height=\"1615\" alt=\"\" \/>\n<div class=\"e2-text-caption\">В 2018 Хабр Карьера ещё была Моим Кругом<\/div>\n<\/div>\n<p>И ничего не вышло. График повеселил технарей, но никто не обратил внимание на сноску, не увидел ссылку внизу и не открыл файл со статьёй. К сожалению, я почему-то постеснялся поставить ссылку прямо под график и шутка не сработала. Но мы всё равно <a href=\"https:\/\/career.habr.com\/companies\/dvhb\/scores\/2018\">собрали достаточно отзывов<\/a>.<\/p>\n<p>Выводы из этой истории:<\/p>\n<ul>\n<li>Программисты и математики понимают шутки<\/li>\n<li>Не закапывайте то, что другие должны найти<\/li>\n<li>Сноски читают только редакторы, юристы и авторы этих сносок<\/li>\n<li>Не бойтесь заморачиваться, если прёт. Будет что рассказать в блоге<\/li>\n<\/ul>\n<p>Приходите обсуждать <a href=\"https:\/\/vk.com\/dottore_editore?w=wall12265022_8232\">ко мне Вконтакт<\/a>.<\/p>\n",
            "date_published": "2020-07-20T00:25:25+05:00",
            "date_modified": "2026-05-27T14:19:04+05:00",
            "image": "https:\/\/www.vitalyfilatov.ru\/pictures\/046-graf.png",
            "_date_published_rfc2822": "Mon, 20 Jul 2020 00:25:25 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "55",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/046-graf.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/046-chibic17.jpg",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/046-formula.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/046-article.jpg",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/046-result.png"
                ]
            }
        },
        {
            "id": "54",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/nevermore\/",
            "title": "Как вас подведут картинки из гугл-доков",
            "content_html": "<p>Никогда не вставляйте в блог, рассылку или базу знаний текст с картинками из гугл-дока. Эти картинки вставляются только по URL, и если исходный документ удалить, картинки тоже пропадут. Сохраняйте исходники и загружайте изображения отдельно. Восстановить их из удалённого документа не получится.<\/p>\n<p>UPD. В письма тоже не вставляйте.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/045-headpic.jpg\" width=\"1500\" height=\"940\" alt=\"\" \/>\n<\/div>\n<p>Для начала три истории из моей практики.<\/p>\n<p><b>Как бывает:<\/b> в компании всё пишут в гугл-доках. Маркетолог готовит статью с фотографиями, публикует её в корпоративном блоге, через полгода увольняется, а ещё через год кто-то заходит в статью и видит битые ссылки. Фотки приходится искать в архиве, заново обрабатывать и заливать.<\/p>\n<p>Или менеджер заливает в базу знаний инструкцию со скриншотами редких состояний. Скрины вдруг таинственно исчезают и оказывается, что их копировали сразу в уже удалённый документ, исходников не осталось, и всё приходится делать заново. Это особенно муторно, когда инструкция описывала сбор финансовых отчётов или управление базами данных, куда редактора не пускают. Приходится отвлекать компетентного сотрудника и заставлять его делать скриншоты вместо продуктивной работы.<\/p>\n<p>Из рассылки пропадают картинки, хотя они точно были в согласованных черновиках и в макете. Исходники восстанавливают, но заменить ссылки на картинки в уже отправленном письме невозможно. Выпуск рассылки остаётся с битыми картинками.<\/p>\n<p>Причины подобных ситуаций в неочевидной особенности работы гугл-доков с изображениями.<\/p>\n<p><b>Гугл-док это веб-страница<\/b>, которая хранит текст с оформлением и адреса картинок. Файлы картинок хранятся где-то в недрах Гугла и напрямую недоступны: их нельзя скопировать и вставить, как в Ворде.<\/p>\n<p>При копировании гугл-док отдаёт в буфер обмена html-код с текстом и адресами картинок. Сами картинки в новое место не копируются, а остаются в хранилище Гугла. Визуальный редактор Мейлчимпа или блога распознаёт разметку и отображает картинки, словно они перенеслись вместе с текстом. Кажется, что всё в порядке.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1500\" data-ratio=\"1.6759776536313\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/045-example-chimp.jpg\" width=\"1500\" height=\"895\" alt=\"\" \/>\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/045-example-ghost.jpg\" width=\"1500\" height=\"895\" alt=\"\" \/>\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/045-example-draizer.jpg\" width=\"1500\" height=\"895\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Результат вставки в Мейлчимп, блог на Ghost и самописный скрипт для чистки гугл-доков. В коде выделен адрес картинки, ведущий куда-то в Гугл<\/div>\n<\/div>\n<p><b>Картинки остаются на месте только пока документ жив.<\/b> Но если автор удалит документ за ненадобностью, его отключат от корпоративного домена Гугл Сьют или дата-центр Гугла заденет хвостом комета, документ исчезнет, а вместе с ним и картинки. Восстановить их будет невозможно.<\/p>\n<blockquote>\n<p>При отключении пользователя Гугл Сьют адреса его документов протухают, даже если админ назначит документам нового владельца.<\/p>\n<\/blockquote>\n<p>Чтобы картинки не зависели от гугл-дока, вставляйте их отдельно. Если визуальный редактор блога или базы знаний не умеет загружать и вставлять картинки при перетаскивании, придётся заливать их в облачное хранилище или публичную папку на сервере и вставлять по URL. Это хлопотно, но зато вы ничего не потеряете.<\/p>\n<blockquote>\n<p>Сохраняйте исходники картинок. Давайте файлам осмысленные имена и подписывайте картинки в документе, чтобы не путаться на вёрстке.<\/p>\n<\/blockquote>\n<p>Удобно подписывать картинки полным адресом. Это упрощает перенос текста в Конфлюенс. Теперь туда картинки из гугл-доков, к счастью, не попадают, приходится вставлять руками. С подписями это проще: идёте по тексту и копируете адреса в диалог вставки изображений. Можно написать скрипт и вставлять всё автоматом.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/045-image-name.jpg\" width=\"554\" height=\"369\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Изображение и его полный адрес на сервере<\/div>\n<\/div>\n<p>Проверяйте адреса картинок в опубликованных постах и страницах, особенно если работаете со сторонним автором. Если в адресах есть что-то про Гугл, просите исходники, копируйте их к себе на сервер и настаивайте, чтобы автор вставил картинки вашими ссылками или вложениями, если блог или база знаний так умеют.<\/p>\n<p>Соблюдайте эти простые советы, и ваш редактор не будет вопить, из-за того, что в иллюстрированной инструкции трёхлетней давности вдруг пропали скриншоты.<\/p>\n<p><a href=\"https:\/\/vk.com\/dottore_editore?w=wall12265022_8141\">Комментарии в ВК<\/a><\/p>\n<p><small>Хтонического ворона в начале статьи нарисовала <a href=\"https:\/\/www.instagram.com\/ulv_vind\/\">Ulv Vind<\/a>. Его зовут Эдгар.<\/small><\/p>\n",
            "date_published": "2020-06-22T03:04:01+05:00",
            "date_modified": "2021-02-14T03:02:49+05:00",
            "image": "https:\/\/www.vitalyfilatov.ru\/pictures\/045-headpic.jpg",
            "_date_published_rfc2822": "Mon, 22 Jun 2020 03:04:01 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "54",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/jquery\/jquery.js",
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/045-headpic.jpg",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/045-example-chimp.jpg",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/045-example-ghost.jpg",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/045-example-draizer.jpg",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/045-image-name.jpg"
                ]
            }
        },
        {
            "id": "48",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/invoice\/",
            "title": "Шаблон инвойса в гугл-таблицах",
            "content_html": "<p>Переделал шаблон инвойса в гугл-таблицах. У меня периодически бывают такие небольшие задачи, часа на полтора, когда надо что-нибудь без фанатизма причесать средствами встроенных редакторов. Такие задачи интересны ограничениями и очевидным результатом: было неряшливо, стало красиво :3<\/p>\n<p><b>Задача<\/b>: улучшить стандартный шаблон от внешней бухгалтерии. Документ сделать так же в гугл-таблицах, русский текст оставить для контролирующих органов, упор сделать на английский — инвойс предназначается для иностранных заказчиков.<\/p>\n<blockquote>\n<p><b>Справка.<\/b> Шаблон в гугл-таблицах открывается из любого браузера, права гибко настраиваются, а ячейки можно выборочно защищать от изменений. Сплошные удобства.<\/p>\n<\/blockquote>\n<p>Исходный шаблон на печати и в сетке:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2012\" data-ratio=\"0.77984496124031\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/039-original-invoice.png\" width=\"2012\" height=\"2580\" alt=\"\" \/>\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/039-original-invoice-grid.png\" width=\"1271\" height=\"1417\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>Основная проблема: не понятно куда смотреть, структура документа сразу не считывается, некрасиво дублируются номер и суммы, а под таблицей торчит избыточная и громоздкая строка с итогами. Всё это выглядит безлико, сложно и скучно. Особенно таблица с банковскими реквизитами.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/039-confused-panda.gif\" width=\"220\" height=\"119\" alt=\"\" \/>\n<\/div>\n<p>Для начала подберём шрифт, продумаем набор колонок и добавим логотип.<\/p>\n<p>По брендбуку самый близкий шрифт — Verdana. Он есть у всех, у него красивый рисунок и нормальная кириллица. В оригинале был Arial 8pt, Verdana сделаем 9pt, чтоб было крупнее и легче читалось.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/039-fonts-compare.png\" width=\"978\" height=\"340\" alt=\"\" \/>\n<\/div>\n<p>Для красоты и порядка шаблону нужно подобие модульной сетки. Оставим по краям пустые строки и столбцы для полей, накидаем таблицу с перечнем и добавим столбцов в середине для выравнивания. Объединять ячейки проще, чем вставлять новые, поэтому пусть будут лишние.<\/p>\n<p>Объединяем ячейки в левом углу и вставляем логотип в режиме заполнения. Изображение автоматически займёт всё доступное пространство и нам не придётся маяться с его размерами при изменении ширины столбцов или строк.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/039-img-insert.png\" width=\"941\" height=\"397\" alt=\"\" \/>\n<\/div>\n<p>Чтобы сделать акцент на латинице, выделим её жирным начертанием, как в оригинале. Английские и русские надписи в одной строке разделим слешем, а в столбик напишем без слеша. Сэкономим пространство, повысим удобство чтения и подчеркнём иерархию.<\/p>\n<p>Банковские реквизиты перенесём вниз, предполагая, что они потребуются читателю после ознакомления с составом услуг и суммой. Валюту добавим в сразу ячейки через формат чисел, а дисклеймер поставим на плашку с серым фоном. Так мы объединим два абзаца в самостоятельный блок и отделим банковские реквизиты от итогов таблицы.<\/p>\n<p>Оценить результат на экране сложно, поэтому периодически распечатываем получившееся и сравниваем:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/039-process.jpg\" width=\"1000\" height=\"798\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Оригинал и промежуточные варианты. Сложная строка итогов всё ещё на месте<\/div>\n<\/div>\n<p>Побеждает вариант в одну колонку без подчёркиваний и заливок редактируемых ячеек.<\/p>\n<blockquote>\n<p><b>Совет.<\/b> Чтобы не окрашивать сетку в белый цвет, отключите её отображение в диалоге настройки печати. Снимите галочку в пункте <i>Форматирование → Показать линии сетки<\/i> и перейдите на следующий экран. Документ запомнит настройки.<\/p>\n<\/blockquote>\n<p>Результат и оригинал:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2012\" data-ratio=\"0.77984496124031\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/039-new-invoice.png\" width=\"2012\" height=\"2580\" alt=\"\" \/>\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/039-original-invoice.png\" width=\"2012\" height=\"2580\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>Остаётся проблема с датой документа. Если указывать дату в американском формате <i>месяц-день-год<\/i>, до 13 числа возможна путаница. Например, 5.10.2019 и 10-5-2019. Чтобы не путать, даты можно писать через слеш в американском и международном английском форматах:<\/p>\n<blockquote>\n<p><b>10-5-2019<\/b> \/ 5-10-2019.<\/p>\n<\/blockquote>\n<p>Не так элегантно, но логика сохраняется.<\/p>\n",
            "date_published": "2019-09-19T03:32:06+05:00",
            "date_modified": "2019-09-19T05:10:03+05:00",
            "image": "https:\/\/www.vitalyfilatov.ru\/pictures\/039-original-invoice.png",
            "_date_published_rfc2822": "Thu, 19 Sep 2019 03:32:06 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "48",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/jquery\/jquery.js",
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/039-original-invoice.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/039-original-invoice-grid.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/039-confused-panda.gif",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/039-fonts-compare.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/039-img-insert.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/039-process.jpg",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/039-new-invoice.png"
                ]
            }
        },
        {
            "id": "45",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/diadok-manual\/",
            "title": "Как физлицу подключиться к Диадоку",
            "content_html": "<blockquote>\n<p>UPD. Инструкция безнадёжно устарела. В августе 2019 Диадок поменял состав услуг и перестал выпускать облачную подпись.<\/p>\n<\/blockquote>\n<p>Мы <a href=\"https:\/\/dvhb.ru\/\">в Девхабе<\/a> работаем удалённо и ведём электронный документооборот в Диадоке. Чтобы подписывать заявления, приказы и акты, мы просим всех новых членов команды выпустить электронную подпись и завести учётку в СКБ Контур. С ИП проблем не возникает, но физики подключаются к Диадоку реже, поэтому инструкции для них неполные, а менеджеры и техподдержка говорят немного разное. Чтобы подключение к сервису не превращалось в квест, мы написали инструкцию. Для этого я изучил сайт Контура, надоел техподдержке и выпустил свою электронную подпись на защищённом носителе.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/036-token.jpg\" width=\"1000\" height=\"577\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Флешка-токен. Как я узнал после, подпись можно загрузить и на обычную флешку.<\/div>\n<\/div>\n<h2>Инструкция по получению подписи<\/h2>\n<p>Для начала выберите аккредитованный удостоверяющий центр. Подойдёт любой <a href=\"https:\/\/digital.gov.ru\/ru\/activity\/govservices\/2\/\">из списка Минкомсвязи<\/a>, выдающий квалифицированные сертификаты. В этот центр нужно отправить заявку на выпуск электронной подписи, оплатить полученный счёт, передать документы на проверку, а после забрать готовый сертификат уже в сервисном центре. Можно отправить курьера, выписав ему доверенность.<\/p>\n<p>Мы рекомендуем <a href=\"https:\/\/ca.kontur.ru\/procedure\">удостоверяющий центр СКБ Контур<\/a>, с ним меньше путаницы и проще подключиться к Диадоку.<\/p>\n<p>Для оформления электронной подписи вам понадобятся:<\/p>\n<blockquote>\n<p><b>Паспорт.<\/b> Разворот с фотографией. Если вы восстанавливаете паспорт, подойдёт временное удостоверение личности. Если у вас нет российского гражданства, подойдёт иностранный паспорт с нотариально заверенным переводом на русский или вид на жительство.<\/p>\n<\/blockquote>\n<blockquote>\n<p><b>ИНН<\/b> — свидетельство о постановке на учёт в налоговый орган физического лица.<\/p>\n<\/blockquote>\n<blockquote>\n<p><b>СНИЛС<\/b> — страховое свидетельство Пенсионного Фонда. Лицевая сторона.<\/p>\n<\/blockquote>\n<blockquote>\n<p><b>Заявление на выпуск<\/b> цифровой подписи. Скачайте его из Личного кабинета Контура, подав заявку на портале удостоверяющего центра СКБ Контур. Весь процесс описан ниже.<\/p>\n<\/blockquote>\n<p>Потребуются оригиналы или заверенные копии.<\/p>\n<p>Если документы будет подавать курьер, напишите доверенность на право подписи. Чтобы курьер мог забрать готовый сертификат, подготовьте доверенность на курьера. Оформить доверенности может только нотариус.<\/p>\n<h3>Два вида подписи<\/h3>\n<p>Контур выпускает два вида цифровых подписей: квалифицированную цифровую подпись и Контур.Сертификат — облачную подпись, работающую только с продуктами Контура.<\/p>\n<p><b>Квалифицированная цифровая подпись<\/b> — специальный электронный ключ, который прописывают в реестр компьютера или загружают на специальную флешку-токен. Подпись универсальна и подходит для работы с Диадоком, Эльбой, ГосУслугами и другими информационными порталами и торговыми площадками.<\/p>\n<p><a href=\"https:\/\/ca.kontur.ru\/order?selectedCertificateId=51&selectedServices=136\">Электронная подпись для физических лиц<\/a> стоит 1000 ₽ в год. Для записи подписи в реестр потребуется Лицензия КриптоПро, которая входит в стоимость.<\/p>\n<p><b>Контур.Сертификат<\/b> хранится в облаке Контура и работает только с их продуктами. Такие подписи оформляют реже, поэтому на сайте Контура о них не написано. Стоит 900 ₽ в год.<\/p>\n<blockquote>\n<p>⚠ Как физик вы можете подписывать только неформализованные документы: приказы, заявления, договоры и NDA. Для документов с утверждённой государством формой одной цифровой подписи недостаточно, нужна регистрация в системе ЭДО. Для регистрации нужен ОГРН, которого нет у физических лиц. В ЭДО регистрируют только ИП.<\/p>\n<\/blockquote>\n<h3>Весь процесс по шагам<\/h3>\n<p><b>1. Оформите заявку<\/b> <a href=\"https:\/\/ca.kontur.ru\/order?selectedCertificateId=51&selectedServices=136\">на электронную подпись для физических лиц<\/a> на сайте Удостоверяющего центра СКБ Контур. Для выпуска Контур.Сертификата проще позвонить менеджерам — подать заявление на выпуск облачной подписи на сайте нельзя.<\/p>\n<p>В заявке вас попросят выбрать офис, в который нужно будет отвезти документы. Такой офис называется <i>сервисным центром<\/i>. После подачи заявки всё дальнейшее общение идёт через него.<\/p>\n<p>Когда сервисный центр получит вашу заявку, вам позвонит менеджер и уточнит детали: тип подписи, адрес выбранного офиса и реквизиты.<\/p>\n<p><b>2. Оплатите счёт<\/b>, который придёт на электронную почту. Обычно счёт выставляют за три часа, а платёж идёт один рабочий день. Чтобы в Контуре не ждали банковского оповещения, отправьте в обратном письме скан, фотографию или скриншот платёжного поручения с номером счёта. Менеджеры сервисного центра ответят, что приняли условную оплату, и отправят заявку в работу.<\/p>\n<p>Счёт можно оплатить в мобильном банковском приложении, указав в поле Лицевой счёт\/Договор номер счёта, а в назначении платежа — номер и дату счёта. Заскриньте чек по операции и отправьте обратным письмом.<\/p>\n<p><b>3. Заполните заявку<\/b> на выпуск подписи. Через три часа после оплаты счёта вы получите письмо с инструкцией и ссылкой на Личный кабинет в Контуре. Войдите в Личный кабинет по номеру телефона, загрузите фото или сканы документов, заполните и распечатайте заявление. Оно понадобится при получении печати в сервисном центре.<br \/>\nНа сайте Контура есть подробная <a href=\"https:\/\/ca.kontur.ru\/faq\/teh\/80\">инструкция по заполнению заявки<\/a>.<\/p>\n<p><b>4. Дождитесь рассмотрения заявки.<\/b> Через день-два вам придёт СМС и письмо с результатами проверки документов. После одобрения вам позвонит менеджер из сервисного центра и пригласит в выбранный вами офис для подтверждения личности. Если менеджер не сможет дозвониться, напишет письмо.<\/p>\n<p>Если заявку отклонят, сотрудники сервисного центра помогут исправить неточности и отправить новую заявку.<\/p>\n<p><b>5. Отвезите оригиналы<\/b> или заверенные копии документов и заявку на выпуск в выбранный офис. Вам вручат красивую папку, договор, флешку и акт о получении носителя, если вы заказали флешку-токен.<\/p>\n<blockquote>\n<p>⚠ В офисе сервисного центра вам дадут пустую флешку. Перед использованием подпись нужно выпустить, загрузить на носитель и подключить к Диадоку.<\/p>\n<\/blockquote>\n<p><b>6. Выпустите подпись.<\/b> Через час после визита в офис вам придёт письмо с инструкцией во вложении. Перейдите в Личный кабинет Контура, вставьте флешку и следуйте указанным шагам. Вам потребуется установить несколько браузерных расширений и служебных приложений, перезагрузить компьютер, а после выбрать, где хранить подпись: на носителе или в реестре компьютера. Система Контура проверит запрос на создание сертификата и создаст ключ. Процедура займёт минут сорок.<\/p>\n<p>Облачная подпись выпускается в Личном кабинете Диадока и автоматически привязывается к вашему аккаунту. Логин вам сообщат менеджеры Контура.<\/p>\n<p><b>7. Зарегистрируйтесь в Диадоке<\/b> и привяжите к нему подпись. Для обычной электронной подписи <a href=\"https:\/\/www.kontur-extern.ru\/support\/faq\/34\/62\">установите личный сертификат<\/a> и <a href=\"https:\/\/diadoc.kontur.ru\">войдите в Диадок<\/a> по сертификату. Для облачной подписи достаточно авторизоваться в Диадоке по логину.<\/p>\n<h3>Тарифы и цены Диадока<\/h3>\n<p>Новый пользователь Диадока получает промопакет на 50 документов. Считаются только отправленные пользователем документы, которые подписаны получателем. Входящие документы в это число не входят.<\/p>\n<p>Когда промопакет закончится, придётся переходить на платный тариф. Самый подходящий — тариф «Минимальный» на 100 исходящих документов, он стоит 900 ₽ в год.<\/p>\n<p style=\"text-align: center;\">&mdash;<\/p>\n<p>Облачную подпись я не выпускал, поэтому она описана неполно. Если у вас будут замечания, уточнения или просто заходите обсудить что-нибудь про текст, пишите мне на почту v-fil@ya.ru или в Телеграм @vitalyfilatov.<\/p>\n",
            "date_published": "2019-02-26T01:29:49+05:00",
            "date_modified": "2026-09-30T10:58:12+05:00",
            "image": "https:\/\/www.vitalyfilatov.ru\/pictures\/036-token.jpg",
            "_date_published_rfc2822": "Tue, 26 Feb 2019 01:29:49 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "45",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/036-token.jpg"
                ]
            }
        },
        {
            "id": "43",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/emoji\/",
            "title": "Эмодзи в тексте",
            "content_html": "<p>Написал про эмодзи в Базу знаний <a href=\"https:\/\/dvhb.ru\/\">Девхаба<\/a>.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/emoji-post-caption.png\" width=\"1318\" height=\"399\" alt=\"\" \/>\n<\/div>\n<p>Эмодзи изображают эмоции, абстрактные понятия, предметы и явления. Они оживляют текст, но использовать их следует разумно ☝<\/p>\n<p>Начнём с главного и очевидного.<\/p>\n<h2>Где использовать эмодзи<\/h2>\n<p>Не используйте эмодзи в официальных документах: ТЗ, КП, финансовых и юридических документах, письмах с репутационными рисками.<\/p>\n<p>Эмодзи не помешают в письмах клиентам, статьях, вакансиях, мессенджерах.<\/p>\n<p>В соцсетях без эмодзи никак.<\/p>\n<h2>Общие рекомендации<\/h2>\n<p><b>Не заменяйте слова значками.<\/b> Значения эмодзи зависят от ассоциаций читателя, поэтому ими не следует заменять слова там, где нужна точность.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/emoji-noreplace.png\" width=\"960\" height=\"110\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Не делайте так, если пишете по делу<\/div>\n<\/div>\n<p><b>Выделяйте важные места<\/b>, смысловые блоки или пункты списков, если средств форматирования недостаточно. Например, в соцсетях и мессенджерах это единственный способ бороться с монотонностью, не считая пустых строк и капслока.<\/p>\n<p>Ставьте подходящие по смыслу значки в начале или конце абзаца. Глаз замечает картинку раньше текста, и читателю будет проще ориентироваться даже в массивной простыне.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/emoji-navigation.png\" width=\"960\" height=\"670\" alt=\"\" \/>\n<\/div>\n<p>Старайтесь не ставить эмодзи внутри абзаца, чтобы значки не сбивали чтение и не отвлекали от основной мысли. Это бывает уместно в художественном тексте, когда вы намеренно путаете читателя:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/emoji-nonlineal.png\" width=\"970\" height=\"240\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Тираннозавр действительно пишется с двумя н.<\/div>\n<\/div>\n<p><b>Подчёркивайте эмоции.<\/b> Старайтесь не дублировать смысл сказанного, а дополнять его образами, обозначая настроение или личное отношение. Ставьте эмодзи рядом с похвалой, выражением радости или шуткой, которую понимают все участники беседы. Главное — соблюдать меру и помнить, какого тона ожидает от вас читатель.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/emoji-emotions.png\" width=\"630\" height=\"410\" alt=\"\" \/>\n<\/div>\n<p>⚠ Не используйте значки для сглаживания углов при отказах и извинениях.<\/p>\n<blockquote>\n<p><b>Эмодзи опасны, если не знать настроения адресата<\/b><br \/>\nВосприятие сильно зависит от эмоций и физического состояния, поэтому значки не всегда радуют и задают дружелюбный тон, а в определенных ситуациях могут вызвать ярость и гнев.<br \/>\nНапример, заказчик не выспался из-за соседского перфоратора, поругался с домашними, простоял в пробке или заработал изжогу. Шлёт менеджеру асап-правки, а в ответ получает:<br \/>\n— Ок! Сделаем это немедленно *8-)))<br \/>\nЭто что, издёвка, что ли? — думает заказчик и закипает.<br \/>\nНе используйте эмодзи и смайлики, если не знаете настроения собеседника.<\/p>\n<\/blockquote>\n<p><b>Следите за смыслом и уместностью.<\/b> Когда значки стоят рядом, их невольно хочется прочитать как фразу. В произвольном наборе читатель может найти свой смысл, даже если автор его туда не закладывал.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/emoji-negative.png\" width=\"404\" height=\"72\" alt=\"\" \/>\n<\/div>\n<p>Старайтесь не использовать значки с неочевидным или неоднозначным смыслом. Помните, что значение абстрактного символа зависит от контекста, культурного опыта и настроения читателя.<\/p>\n<p><b>Знайте меру.<\/b> Избыток значков превращают текст в бестолковую пёструю кашу, которую трудно разобрать.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/emoji-toomuch.png\" width=\"970\" height=\"410\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Комплексный пример того, как не надо: дублирование смысла, странные сочетания и многократное превышение допустимой концентрации. Взято <a href=\"https:\/\/vk.com\/bookmarks?w=wall-148438786_2036%2Fdbf426a6a9d377c0c9\">из Оправданий для Олега<\/a><\/div>\n<\/div>\n<h2>Эмодзи и пунктуация<\/h2>\n<p>Не ставьте эмодзи перед запятой. Точка после эмодзи не нужна ☝<\/p>\n<p>В конце предложения восклицание можно ставить перед эмодзи.<\/p>\n<p>Некоторые эмодзи стоит отбивать пробелами от слов.<\/p>\n<h2>Как добавлять<\/h2>\n<p><b>На Маке<\/b> эмодзи можно вставить в любое место по ctrl + cmd + space.<\/p>\n<p><b>В Телеграме и Слаке<\/b> — жмём на улыбающуюся рожицу в правой части строки ввода. В Слаке можно <a href=\"https:\/\/dvhb.slack.com\/admin\/emoji\">добавлять свои значки<\/a>.<\/p>\n<p><b>В Гугл-доке<\/b> идём в меню Insert → Special characters, там выбираем категорию Emoji и ищем нужный значок в подкатегориях или пишем в строке поиска название.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/emoji-gdoc.png\" width=\"972\" height=\"680\" alt=\"\" \/>\n<\/div>\n<p><b>На Windows 10<\/b> — win + ; или win + .<\/p>\n<p><b>На старой Винде<\/b> — никак. Скопируйте из гугл-дока, Слака или с Мака коллеги.<\/p>\n<h2>Семь главных правил<\/h2>\n<ol start=\"1\">\n<li>Не используйте эмодзи в официальных документах.<\/li>\n<li>Не используйте эмодзи для сглаживания углов при отказах и извинениях.<\/li>\n<li>Не заменяйте слова значками.<\/li>\n<li>Выделяйте важные места, оформляйте списки или разделы.<\/li>\n<li>Старайтесь, чтобы эмодзи не повторяли сказанное, а дополняли смысл эмоциями и личным отношением.<\/li>\n<li>Следите за смыслом и уместностью. Когда эмодзи стоят рядом, их хочется прочитать как фразу.<\/li>\n<li>Знайте меру.<\/li>\n<\/ol>\n<h2>Ещё по теме<\/h2>\n<p><a href=\"https:\/\/docs.google.com\/document\/d\/1YtVQPad6f4LjPmulllJsCheZD1r7P6tQsmu6O0hd75k\/edit\">Инструкция: смайлики в переписке с клиентом<\/a> — консервативные правила Людмилы Сарычевой.<\/p>\n<p><a href=\"https:\/\/bureau.ru\/bb\/soviet\/20181007\/\">Сколько эмодзи использовать, чтобы текст оставался читаемым?<\/a> — Ильяхов отвечает в Советах Бюро.<\/p>\n<p><a href=\"https:\/\/amplifr.com\/blog\/ru\/emoji-article\/\">Гид по эмодзи в СММ<\/a> от Амплифаера.<\/p>\n<p><a href=\"https:\/\/theoryandpractice.ru\/posts\/15847-emotsii-za-skobkami-kak-emodzi-stali-universalnym-yazykom-obshcheniya\">Как эмодзи стали универсальным языком общения<\/a> — большая статья о коммуникативных функциях и негласном кодексе использования от «Теории и практики».<\/p>\n<p><a href=\"https:\/\/emojipedia.org\/\">Эмодзипедия<\/a> — справочник по всем известным эмодзи.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/emoji-persik.png\" width=\"220\" height=\"230\" alt=\"\" \/>\n<\/div>\n",
            "date_published": "2018-11-05T03:21:20+05:00",
            "date_modified": "2019-02-20T20:26:04+05:00",
            "image": "https:\/\/www.vitalyfilatov.ru\/pictures\/emoji-post-caption.png",
            "_date_published_rfc2822": "Mon, 05 Nov 2018 03:21:20 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "43",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/emoji-post-caption.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/emoji-noreplace.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/emoji-navigation.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/emoji-nonlineal.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/emoji-emotions.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/emoji-negative.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/emoji-toomuch.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/emoji-gdoc.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/emoji-persik.png"
                ]
            }
        },
        {
            "id": "41",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/newstips\/",
            "title": "Как запустить внутреннюю рассылку",
            "content_html": "<p>Подробная версия шагов <a href=\"http:\/\/vitalyfilatov.ru\/all\/dvhbnews\/\">из рассказа о рассылке Девхаба<\/a>. Мы запустили рассылку для небольшой распределенной команды, но что-то сработает и в крупной компании.<\/p>\n<h2>1. Соберите идеи<\/h2>\n<p>Решите, для чего вам нужна рассылка, как часто и когда она будет выходить, кому и о чем рассказывать. Например, утром понедельника сообщать о новостях и событиях в жизни команды, чтобы сотрудники начинали рабочую неделю с позитивного чтения.<\/p>\n<blockquote>\n<p>Рассылка — рассказ о компании и коллективе. Старайтесь транслировать новости и объявления в мир читателя, описывая их с позиции практической пользы. Как нужно → как проще и удобнее.<\/p>\n<\/blockquote>\n<p>Все идеи фиксируйте в одном месте.  Заведите отдельный гугл-док и записывайте туда всё: мысли, ожидания, заметки по вёрстке, правила упоминания коммерческой тайны, список получателей, типы и источники новостей, ссылки на папки с исходниками, пароль к Мейлчимпу.<\/p>\n<h2>2. Заложите бюджет<\/h2>\n<p>Решите, сколько вы готовы тратить на рассылку первые два-три месяца. Это поможет подобрать оптимальный объём выпуска и темп работы. Начните с корпоративных новостей и объявлений в 300—400 слов и пару картинок. Длину текста удобно измерять <a href=\"http:\/\/hronomer.ru\/\">Хрономером<\/a> или <a href=\"https:\/\/glvrd.ru\/\">Главредом<\/a>.<\/p>\n<h2>3. Соберите редакцию<\/h2>\n<p>Договоритесь, кто будет заниматься рассылкой: вычитывать выпуск, согласовывать корпоративные новости, давать комментарии и говорить последнее слово. Пропишите роли и сферу ответственности для каждого участника, настройте права доступа, создайте типовые события в календаре и закрепите за ними исполнителей.<\/p>\n<blockquote>\n<p>Редсовет должен быть на связи вплоть до финальной вычитки. Если редактор получит неоднозначный комментарий и не сможет его уточнить, новость придется снять.<\/p>\n<\/blockquote>\n<h2>4. Найдите редактора<\/h2>\n<p>Вам нужен лид редакционного процесса, который будет собирать, писать, переписывать и отвечать за результат. Необязательно искать выпускника ильяховской Школы или коммерческого писателя с релевантным опытом. Достаточно, чтобы человек грамотно и легко писал, был любопытен и вежлив, понимал <a href=\"http:\/\/alex-alex.ru\/nij.php\">принципы интернет-журналистики<\/a> и умел разговорить собеседника. Пригодятся инфостиль, фотошоп и HTML, но важнее усидчивость и готовность сидеть над выпуском до пяти утра.<\/p>\n<blockquote>\n<p>Совет редактору. Дочитывайте статьи и досматривайте ролики, которые собираетесь включить в выпуск. Убедитесь, что в материале нет негатива, политики или жестокости. Например, <a href=\"https:\/\/youtu.be\/8cViiShhj0o\">в ролике про паркурящих котов<\/a> много удивительных трюков, но в конце показаны травмы. Котик выжил, но зрелище не для всех.<\/p>\n<\/blockquote>\n<h2>5. Соберите источники<\/h2>\n<p>Соберите источники новостей и событий: что, когда и у кого можно узнать. Подключите редактора к проектным и административным каналам Слака, пересылайте ему важные или просто забавные письма от заказчиков и партнеров. Попросите HR, маркетинг, лидов и аккаунтов сообщать редактору о новостях и изменениях. Это потребует времени и усилий, поэтому продумайте мотивацию. Поощряйте сотрудников рассказывать о своих достижениях и увлечениях. В рассылке пригодится всё.<\/p>\n<blockquote>\n<p>Если не настроить сбор новостей, редактор превратится в помесь скандального журналиста и следователя. А это совсем немило ;3<\/p>\n<\/blockquote>\n<h2>6. Организуйте процесс<\/h2>\n<p>Подберите инструменты и организуйте хранение материалов. Готовить выпуск и рассылать проще всего в Мейлчимпе, но подойдет любой мейлер с визуальным редактором. Писать и согласовывать удобно в Гугл-доке, хранить исходники на Гугл-диске, проверять в Орфограммке и Ворде. Можно ловить мусор в Главреде, ориентируясь на 7 баллов и выше.<\/p>\n<blockquote>\n<p>Выберите мейлер заранее, чтобы не менять его в процессе. Переход на другой мейлер разделит архив выпусков по разным платформам, и от старого мейлера вы всё равно не сможете полностью избавиться. Это же справедливо и для аккаунтов в мейлере.<\/p>\n<\/blockquote>\n<h2>7. Познакомьтесь с читателем<\/h2>\n<p>Знание коллектива поможет сделать рассылку более личной и точной, найти авторов и новые источники новостей. Если редактор внешний или недавно устроился, помогите ему познакомится и понять команду. Приглашайте в офис, зовите на корпоративы, подключите к совещаниям. В удалённо работающей команде на это потребуется примерно полгода.<\/p>\n<h2>8. Стройте экосистему<\/h2>\n<p>Почаще ссылайтесь в выпусках на Базу знаний, соцсети компании, посты в блогах членов команды. Используйте любую возможность, чтобы возвращать читателя к прошлым выпускам и архивам. Это поможет адаптироваться новым сотрудникам и построит карту ресурсов.<\/p>\n<h2>9. Собирайте обратную связь<\/h2>\n<p>Эффективность внутренней рассылки сложно измерить. Собирайте упоминания в общих чатах, вопросы, предложения, критику — всё.<\/p>\n<p>Косвенное влияние можно отследить по частоте обращения к HR и Базе знаний с типовыми вопросами. Если вы периодически пишете, как правильно логировать рабочее время и оформлять отгулы, сотрудники будут реже спрашивать, как это делать правильно.<\/p>\n<h2>10. Следите за разнообразием<\/h2>\n<p>Экспериментируйте и боритесь с монотонностью. Добавляйте забавные гифки и красивые картинки, рисуйте графики. Не бойтесь выглядеть по-любительски небрежно. Скриншот с диаграммой из Эксела лучше скучного полотна текста. Если нет подходящих картинок, разбивайте текст на блоки с крупными заголовками. Чередуйте длинные и короткие выпуски, меняйте набор рубрик, вводите новые — делайте всё, чтобы выпуск выходил вовремя, но содержание его было непредсказуемым.<\/p>\n",
            "date_published": "2018-08-26T20:14:00+05:00",
            "date_modified": "2018-08-27T02:09:00+05:00",
            "_date_published_rfc2822": "Sun, 26 Aug 2018 20:14:00 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "41",
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "40",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/dvhbnews\/",
            "title": "Внутренняя рассылка Девхаба",
            "content_html": "<p>Я работаю писателем <a href=\"https:\/\/dvhb.ru\">в Девхабе<\/a>. Вычитываю письма, пишу статьи и документацию, помогаю с вакансиями и веду еженедельную рассылку для команды. Расскажу, зачем рассылка нужна, как устроена, как мы собираем материал и готовим выпуск. В конце пара слов, как сделать свою.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/dvhb_weekly_capt.jpg\" width=\"1318\" height=\"741\" alt=\"\" \/>\n<\/div>\n<p>Мы запустили рассылку в ноябре 2017. С тех пор каждый понедельник пишем о новостях компании, напоминаем регламенты, поздравляем именинников, куражимся, шлем котиков и советы о разном. К этому моменту накопилось 34 выпуска. Есть о чем рассказать.<\/p>\n<blockquote>\n<p>⚠ Рассылка — внутренний документ и попадает под действие NDA. Поэтому выпуск целиком не покажу, только зацензуренные фрагменты.<\/p>\n<\/blockquote>\n<h2>Задачи рассылки<\/h2>\n<p>Девхаберы работают удаленно и живут в пяти часовых поясах от Сибири до Португалии. Менеджеры и разработчики плотно общаются в Слаке, но редко собираются все вместе. Чтобы сотрудники были в курсе происходящего и не теряли связь с коллективом, нужно регулярно сообщать о новостях и событиях в жизни команды. Рассылка помогает делать это централизованно и красиво.<\/p>\n<p>Мы собираем все важное из разных источников, даём комментарии, берем интервью, просим фотографии. Слак для этого не годится: каналов много, их часто мьютят, приходится читать все подряд.<\/p>\n<h2>Как устроена рассылка<\/h2>\n<p>Рассылка проста как гвоздь. Каждый понедельник мы шлем Мейлчимпом письмо с анонсами, объявлениями и новостями за прошлую неделю. Вышедший выпуск копируем в командный Confluence, чтобы работал поиск.<\/p>\n<p>Рассылка задумывалась как легкое чтиво на 6—7 минут утром понедельника, поэтому у выпуска максимально простая структура: от самого важного, что необходимо и полезно знать каждому, до малозначимого.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/dvhb-weekly-mail1.png\" width=\"648\" height=\"1540\" alt=\"\" \/>\n<\/div>\n<p>Чтобы рассылка не утомляла однообразием, периодически немного меняем формат: сбиваем новости в один блок со строчными заголовками, собираем весь выпуск из новостей сотрудников, придумываем новые рубрики или пишем старые в непривычном тоне. Общая последовательность блоков при этом не меняется, пустые блоки пропускаем.<\/p>\n<p>Все инсайты, нормы, стандарты и регламенты собираем в специальный гугл-док. Он рыхлый и непричесанный, но он есть. Если потребуется, его можно дописать за пару вечеров до полноценной справки.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"840\" data-ratio=\"1.8666666666667\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/dvhb_weekly_redpolitica1.png\" width=\"840\" height=\"450\" alt=\"\" \/>\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/dvhb_weekly_redpolitica2.png\" width=\"840\" height=\"450\" alt=\"\" \/>\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/dvhb_weekly_redpolitica3.png\" width=\"840\" height=\"450\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>Медиаплан не ведем, берем шаблон статьи для рассылки и сваливаем в него всё за неделю. Если что-то нужно запланировать на конкретную дату, создаем выпуск с будущей датой и кидаем туда. Если выпуск распухает, переносим менее важное в следующий или в док-накопитель. Он так и называется: «О чем еще можно написать».<\/p>\n<p>Крупные материалы, которые трудно сделать за неделю, готовим между выпусками. Это не отвлекает от основной работы, можно спокойно допилить. Например, такой <a href=\"http:\/\/vitalyfilatov.ru\/all\/expedition\/\">лонгрид с фотками и картами<\/a>.<\/p>\n<p>Пишем легким, доброжелательным тоном с легкой самоиронией. Всегда на вы, как ко множеству людей, без панибратства и заискиваний. Дозировано используем жаргонизмы и мемы. Постим фотки зверушек, залипательные видосы с Ютуба, советы, новости IT и технологий, обзоры книг и телеграм-каналов. В конце рассылки прощаемся и стараемся ненавязчиво пошутить.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"684\" data-ratio=\"2.1111111111111\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/dvhb_weekly_jokes1.png\" width=\"684\" height=\"324\" alt=\"\" \/>\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/dvhb_weekly_jokes2.png\" width=\"684\" height=\"324\" alt=\"\" \/>\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/dvhb_weekly_jokes3.png\" width=\"684\" height=\"324\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>С апреля решили писать прямой речью от лица редактора, чтобы рассылка стала более личной и несла персональное мнение.<\/p>\n<p>Средний объем выпуска — 800 слов. Стараемся максимально сокращать, чтобы легко читалось за 6 минут.<\/p>\n<p>За объёмом не гонимся. Если новостей мало, выпуск выходит коротким, с парой-тройкой дополнительных забавных фактов и картинок.<\/p>\n<p>Когда материал нельзя разбить на два выпуска, полную версию публикуем в корпоративной базе знаний и даём ссылку. Например, сотрудники стали охотнее рассказывать о своих увлечениях и путешествиях. Материал интересный и полезный, но бывает объемным.<\/p>\n<h2>Жизненный цикл выпуска<\/h2>\n<p>Выпуск начинается с задачи в Jira, куда прикрепляется ссылка на гугл-док с текстом и картинками выпуска. В задачу логируют время работы все участники: редактор, редсовет, ньюсмейкеры и добровольцы-корректоры. Цикл занимает в среднем 6 часов чистого рабочего времени, без учета редакторского тупежа и приступов перфекционизма.<\/p>\n<p>У выпуска двойная нумерация: порядковый номер и номер недели в году. Например, 24 \/ 2018-16. Это оверкилл, но удобно для хранения картинок в общей облачной папке. Номер год-неделя входит в имя файла, такой разрядности хватит на всё обозримое будущее цивилизации.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/dvhb_weekly_storage.png\" width=\"1888\" height=\"848\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Файлы наглядно сортируются в облачном хранилище. Есть шанс что-то найти<\/div>\n<\/div>\n<p><b>С понедельника по пятницу<\/b> я собираю внутренние новости и все, что имеет отношение к команде, может быть интересно или забавно. Раньше приходилось регулярно опрашивать руководство, HR и менеджеров проектов, теперь все привыкли и сообщают сами.<\/p>\n<p>Параллельно мониторю кучу разных каналов в Телеграме и RSS, читаю командные чаты в Слаке. Важное и интересное добавляю в Избранное, пересылаю себе или вставляю ссылку в черновик. Между делом запрашиваю подробности к новостям, дописываю крупные материалы и занимаюсь основными задачами.<\/p>\n<p><b>В пятницу<\/b> раскидываю собранное добро по темам, пишу-переписываю, запрашиваю подробности, опять пишу-переписываю, готовлю картинки, рисую графики. Когда черновик готов, открываю доступ ньюсмейкерам, перевожу задачу на редсовет и иду отдыхать от текста.<\/p>\n<p><b>Вечером воскресенья<\/b> дописываю выпуск по комментариям, вычитываю, прогоняю через Орфограммку, доделываю картинки, еще раз прохожу по чек-листу, верстаю и заряжаю выпуск в Мейлчимп.<\/p>\n<p><b>Утром понедельника<\/b> копирую выпуск в архив, кидаю ссылку в публичный канал Слака и начинаю собирать материал на новый выпуск. Если пишут про ошибки и опечатки, радуюсь, что кто-то всё это читает, и указываю ошибки в конце выпуска. Это помогает их разбирать и запоминать.<\/p>\n<blockquote>\n<p>Иногда хаотическая природа мира даёт о себе знать, расписание съезжает и приходится превозмогать. Например, перед отправкой приходят критично важные новости. Участники согласования оказываются на краю мира без связи и присылают комментарии за несколько часов до выхода выпуска. Я сам оказываюсь черте где или на меня нападает жесткая пятничная прокрастинация и выпуск уходит на согласование утром воскресенья.<\/p>\n<\/blockquote>\n<blockquote>\n<p>Исключить такие срывы нельзя, в сложных процессах они неизбежны. Важно иметь аварийный план и ресурсы. Ну и разбирать факапы, чтобы они не повторялись регулярно.<\/p>\n<\/blockquote>\n<h2>Вёрстка и публикация<\/h2>\n<p>Когда выпуск готов и вычитан, я копирую предыдущий выпуск в Мейлчимпе, правлю дату и номер и вставляю новый текст. Первое время пользовался шаблоном, но макет письма постепенно меняется, а сделать шаблон из готового письма в Мейлчимпе нельзя.<\/p>\n<p>Макет самый простой, на базе типового. Всё сверстано одну колонку с 70 знаками в строке, картинки выравниваются по центру, шапка и подвал в отдельных блоках. К сожалению, стили в типовом макете Мейлчимпа переназначить нельзя, довольствуемся настройкой размера шрифта, гарнитуры и межстрочного интервала.<\/p>\n<p>Готовый текст копирую в окно визуального редактора Мейлчимпа, сбрасываю форматирование, вручную расставляю заголовки и оформление, прогоняю через Типограф, заливаю и расставляю картинки. После этого отправляю тестовое письмо, проверяю его по чек-листу, правлю и заряжаю на 10:00 AM по Москве.<\/p>\n<p>Когда Мейлчимп всё благополучно разошлет, останется перенести выпуск в архив Confluence, поправить съехавшую верстку, залить картинки в облако и вставить их в текст.<\/p>\n<blockquote>\n<p>Копировать картинки в Confluence нельзя, он от этого пухнет и глючит. А оставлять картинки из гугл-дока рискованно: они хранятся где-то в недрах Гугла, пока жив документ. Если документ удалить, картинки пропадут. Не вставляйте картинки из гугл-дока.<\/p>\n<\/blockquote>\n<p>Задача по вышедшему выпуску закрывается и заводится следующая.<\/p>\n<h2>Благодарности<\/h2>\n<p>Рассылка выходит уже 8 месяцев. За это время я съездил в отпуск, пару раз был на больничном, выгорал и восстанавливался, но рассылка не прерывалась. Это было бы невозможно без помощи замечательной команды. Спасибо вам за поддержку и терпение :3<\/p>\n<h2>Краткий алгоритм запуска<\/h2>\n<p>Статья получилась длинной, поэтому кратенько. Сделать нужно вот что:<\/p>\n<ol start=\"1\">\n<li>Решите, для чего вам нужна внутренняя рассылка, когда она будет выходить, кому и о чем рассказывать.<\/li>\n<li>Заложите бюджет на первые два-три месяца.<\/li>\n<li>Договоритесь, кто будет вычитывать выпуск и давать комментарии по важным новостям.<\/li>\n<li>Найдите редактора. Нужен усидчивый, въедливый и невыгорающий.<\/li>\n<li>Соберите источники новостей и событий: что, когда и у кого можно узнать.<\/li>\n<li>Подберите инструменты и организуйте хранение материалов.<\/li>\n<li>Помоги редактору понять ЦА.<\/li>\n<li>Чаще ссылайтесь в выпусках на базу знаний, соцсети компании, посты в блогах членов команды.<\/li>\n<li>Собирайте любую обратную связь.<\/li>\n<li>Экспериментируйте и боритесь с монотонностью.<\/li>\n<\/ol>\n<p>Подробную версию шагов читайте <a href=\"http:\/\/vitalyfilatov.ru\/all\/newstips\">в следующем посте<\/a>.<\/p>\n<p>Будут вопросы, комментарии или захотите поговорить по поводу — пишите на <b>v-fil@ya.ru<\/b> или заходите <a href=\"https:\/\/vk.com\/dottore_editore\">на страницу Вконтакта<\/a>.<\/p>\n",
            "date_published": "2018-06-29T00:29:06+05:00",
            "date_modified": "2019-01-30T11:23:44+05:00",
            "image": "https:\/\/www.vitalyfilatov.ru\/pictures\/dvhb_weekly_capt.jpg",
            "_date_published_rfc2822": "Fri, 29 Jun 2018 00:29:06 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "40",
            "_e2_data": {
                "is_favourite": true,
                "links_required": [
                    "system\/library\/jquery\/jquery.js",
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/dvhb_weekly_capt.jpg",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/dvhb-weekly-mail1.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/dvhb_weekly_redpolitica1.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/dvhb_weekly_redpolitica2.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/dvhb_weekly_redpolitica3.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/dvhb_weekly_jokes1.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/dvhb_weekly_jokes2.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/dvhb_weekly_jokes3.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/dvhb_weekly_storage.png"
                ]
            }
        },
        {
            "id": "38",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/maintenance-page\/",
            "title": "Страница Maintenance",
            "content_html": "<p>В Девхабе регулярно обновляются критичные сервисы: Jira, Confluence, GitLab и Sentry. Когда они недоступны, пользователь попадает на заглушку с кодом ошибки. Чтобы не пугать пользователей, мы сделали страницу, которая информирует и успокаивает.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1200\" data-ratio=\"1.1822660098522\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/029-Maintenance-ru.jpg\" width=\"1200\" height=\"1015\" alt=\"Кастомная страница об ошибке для nginx\" \/>\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/029-Maintenance-eng.jpg\" width=\"1200\" height=\"1015\" alt=\"Custom nginx мaintenance page\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Русская и английская версии<\/div>\n<\/div>\n<p>У внутренних сервисов белый фон страниц, поэтому для сообщения выбрали приглушенный желтый. Так пользователь быстрее поймет, что попал куда-то в другое место. А крупный заголовок должен быстро захватить внимание и свести время замешательства к минимуму.<\/p>\n<p>Билл из Гравити Фолс официально представляет коварные силы мрака. Был вариант с Дружко, но его знают только в Рунете. Билл ближе англоговорящим пользователям.<\/p>\n<p>К сожалению, подробнее объяснить, что именно не работает, нельзя. Сервер умеет только возвращать статичный html и код ошибки: 500 internal error, 502 service unavailable или 502 bad gateway. Поэтому сообщение написано на все случаи жизни. Админам выводим код, а пользователям объясняем, что делать, если что-то все же сломалось.<\/p>\n<blockquote>\n<p><b>UPD.<\/b> Заглушка вполне заслуживает критики за неуместно игривый тон. Но мы сделали так вполне сознательно. Все наши пользователи привыкли, что внутренние сервисы часто пятисотили, и относились к этому с ироничным фатализмом. В ином случае безусловно следовало бы выбрать нейтральный тон.<\/p>\n<\/blockquote>\n",
            "date_published": "2018-04-21T21:46:34+05:00",
            "date_modified": "2025-11-28T17:29:09+05:00",
            "image": "https:\/\/www.vitalyfilatov.ru\/pictures\/029-Maintenance-ru.jpg",
            "_date_published_rfc2822": "Sat, 21 Apr 2018 21:46:34 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "38",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/jquery\/jquery.js",
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/029-Maintenance-ru.jpg",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/029-Maintenance-eng.jpg"
                ]
            }
        },
        {
            "id": "37",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/preambula\/",
            "title": "Преамбула нового NDA",
            "content_html": "<p>Поправили с юристом преамбулу соглашения так, чтобы сотрудник был в именительном падеже, а формулировка не теряла благозвучия.<\/p>\n<h2>Ситуация<\/h2>\n<p>Компания составила новый NDA, его нужно перезаключить со всеми сотрудниками. Процесс автоматизирован скриптом. Имена и фамилии сотрудников берутся из гугл-форм, где указаны в именительном падеже. Прикручивать склонятор долго, а результат непредсказуем: некоторые имена и фамилии склоняются неправильно. Решаем переписать упоминание сотрудника в преамбуле из дательного падежа в именительный, не потеряв по ходу смысл и красоту звучания.<\/p>\n<h2>Ход решения<\/h2>\n<p>Оригинальный текст преамбулы:<\/p>\n<blockquote>\n<p>Общество с ограниченной ответственностью «Горсвет» в лице Генерального директора Гесера Бориса Игнатьевича, действующего на основании Устава (далее «Сторона-1»), направляет <b>Городецкому Антону Сергеевичу<\/b> (далее «Сторона-2») настоящее соглашение о неразглашении конфиденциальной информации (далее «Соглашение»).<\/p>\n<\/blockquote>\n<p>Юрист предлагает оставить в преамбуле Сторону 1 и Сторону-2, а в следующем абзаце пояснить, кто они такие:<\/p>\n<blockquote>\n<p>Сторона-1 направляет Стороне-2 настоящее соглашение о неразглашении конфиденциальной информации (далее «Соглашение»).<\/p>\n<\/blockquote>\n<blockquote>\n<p>В качестве Стороны-1 выступает Общество с ограниченной ответственностью «Горсвет» в лице Генерального директора <…><\/p>\n<\/blockquote>\n<blockquote>\n<p>В качестве Стороны-2 выступает Городецкий Антон Сергеевич.<\/p>\n<\/blockquote>\n<p>Вариант громоздкий, юристу не нравится, но менять местами стороны, чтобы упоминание сотрудника шло первым, еще хуже.<\/p>\n<p>Решаем добавить глаголов настоящего времени в третьем лице. Так мы решаем задачу и добавляем в преамбулу действие сотрудника.<\/p>\n<blockquote>\n<p>Общество <…>, <b>направляет, а<\/b> Городецкий Антон Сергеевич (далее «Сторона-2») <b>принимает<\/b> настоящее соглашение <…>.<\/p>\n<\/blockquote>\n<p>Юрист объясняет, что это плохой вариант:<\/p>\n<blockquote>\n<p>— Не годится: меняется смысл. Компания сначала направляет, сотрудник читает и решает, принимать или нет (способами, указанными далее).<\/p>\n<\/blockquote>\n<p>Я ничего не понимаю и предлагаю добавить «и рассматривает»:<\/p>\n<blockquote>\n<p><…> а Городецкий Антон Сергеевич (далее «Сторона-2») <b>принимает и рассматривает<\/b> настоящее соглашение о неразглашении<\/p>\n<\/blockquote>\n<p>Но и это неверно. Какое-то время мы обмениваемся репликами на разных языках, но потом до меня доходит. Я понимаю соглашение как файл, а на юридическом получается, что сотрудник принимает условия соглашения, просто получив его по почте.<\/p>\n<p>Оставляем только «рассматривает», все встаёт на место.<\/p>\n<h2>Результат и вывод<\/h2>\n<blockquote>\n<p>Общество с ограниченной ответственностью «Горсвет» в лице Генерального директора Гесера Бориса Игнатьевича, действующего на основании Устава (далее «Сторона-1»), направляет, а <b>Городецкий Антон Сергеевич<\/b> (далее «Сторона-2») рассматривает настоящее соглашение о неразглашении конфиденциальной информации (далее «Соглашение»).<\/p>\n<\/blockquote>\n<p>Задача решена, а я понял кое-что новое: юриста нужно внимательно слушать, даже если кажется, что это просто придирки. Грамотность деловой речи не означает грамотности юридических формулировок. Юридический язык отличается от делового, поскольку необходим для специфического процесса судебного делопроизводства.<\/p>\n",
            "date_published": "2018-03-28T02:37:30+05:00",
            "date_modified": "2018-03-28T02:37:04+05:00",
            "_date_published_rfc2822": "Wed, 28 Mar 2018 02:37:30 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "37",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "36",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/expedition\/",
            "title": "Рассказ о походе для внутренней рассылки",
            "content_html": "<p>Написал для <a href=\"http:\/\/vitalyfilatov.ru\/all\/dvhbnews\/\">внутренней рассылки  Девхаба<\/a>, как гость из московского офиса погулял с красноярской командой в заповеднике «Столбы».<\/p>\n<p>По соображениям конфиденциальности из текста убраны личные фотографии и имена.<\/p>\n<p><span style=\"display: block; text-align: center\">—<\/span><\/p>\n<p><a href=\"http:\/\/www.zapovednik-stolby.ru\/\">Природный заповедник «Столбы»<\/a> или просто Столбы, как зовут его туристы и сами красноярцы, — место уникальное и знаменитое. В пяти километрах от города начинается потрясающей красоты сибирская глушь с пихтовой тайгой и живописными скалами. Заповедник основан в 1925 году по инициативе горожан, чтобы сохранить эту красоту от вырубки леса и добычи камня.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/2018-06-stolby-01.jpg\" width=\"1200\" height=\"633\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Вид с одной из вершин. Здесь и далее — материалы из фотоархива участников экспедиции<\/div>\n<\/div>\n<p>Заповедник раскинулся на 47 тысяч гектар, это 470 квадратных километров. Для свободного посещения туристами открыто только 3 % площади, примыкающей к городу, но и этот фрагмент потрясает масштабом и разнообразием ландшафта.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/2018-06-stolby-02.jpg\" width=\"1200\" height=\"854\" alt=\"\" \/>\n<div class=\"e2-text-caption\">У подножия скалы Дед<\/div>\n<\/div>\n<p>Основная достопримечательность заповедника — сиенитовые скалы. Очертаниями они напоминают мифических существ и руины древних цивилизаций, а с вершин открываются потрясающие виды на заповедник. Свои названия имеют скальные массивы, некоторые крупные камни и тропы.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/2018-06-stolby-02-1.jpg\" width=\"1000\" height=\"666\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Скалы Дед и Перья<\/div>\n<\/div>\n<p>Столбы — гордость Красноярска, благодаря заповеднику город известен любителям туризма. На Столбах воспитаны выдающиеся скалолазы и альпинисты, про Столбы пишут стихи и снимают кино.<\/p>\n<p>Жители Красноярска ходят на Столбы уже 150 лет. За это время возник и сформировался столбизм —  общественное движение скалолазов, любителей природы и неформального общения.<\/p>\n<p>Вот в такое место отправилась команда Девхаба. Метеосводка обещала -35, поэтому экспедиция получилась короткой, но насыщенной. Посетили популярные скалы Перья, Львиные ворота, Дед и Первый столб, поднялись на Львиные ворота и плечо Деда. Получилось километров пять по горам.<\/p>\n<p>Обычно поход на Столбы занимает весь день: от Кордона Лалетино у границы заповедника идут 5 километров в гору, на Перевал, а оттуда расходятся по тропам.<\/p>\n<p>Первоначальный план был подняться по канатной дороге в Бобровом логу и пойти по длинному маршруту на 16 километров, но канатка в мороз ниже -25 не работает. Пришлось выбрать маршрут покороче. Чтобы ничего не отморозить по дороге, отряд решил менее живописную часть пути проехать на машине, купив пропуск.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/2018-06-stolby-04map.jpg\" width=\"564\" height=\"755\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Маршрут экспедиции. «C» — база Перевал, с которой началась пешая часть.<\/div>\n<\/div>\n<p>Люди встретились лишь дважды и оба раза на базе: группа спасателей, от которой отряд узнал, что они первые посетители Столбов за день, и еще пара таких же отчаянных на обратном пути. Но в хорошую погоду в заповеднике людно, он один из самых посещаемых в мире. За прошлый год, например, по его тропам прошли 500 тысяч туристов.<\/p>\n<p>Вопреки ожиданиям, наибольшую опасность представляли не мороз и медведи-шатуны, а восторг городского жителя, выбравшегося из бетонных коробок на свежий воздух в дичь и глушь. Для красноярского состава экспедиции низкие температуры опасности не представляли, а А. к схватке с морозом подготовился основательно. В его экипировку входили две пары носков, термобельё, футболка, свитер, шарф, шарф-шапка, капюшон и горнолыжные перчатки. Но влажность в горах ниже, а подъём хорошо греет, так что холода никто не ощущал.<\/p>\n<p>Медведей тоже не попадалось. На Столбах они водятся и даже выходят в туристическую зону раза два в год, но зимой спят. На тропинках встречались только следы мелкого зверья, лисиц или зайцев — не поймешь, в заповеднике три сотни видов животных и птиц. Поэтому первоначальная настороженность быстро сменилась восторгом и ребячеством.<\/p>\n<p>— Основная трудность была, — рассказывает А., — совладать с непреодолимым желанием везде полазить. Пришлось взять себя в руки. Камни под снегом скользкие и в мороз, легко сорвать связки или сломать чего-нибудь. Но и без этого впечатлений достаточно. Столбы запомнились невероятной красотой, которая радует глаз после городских пейзажей.<\/p>\n<p>Потом были официальная часть и застолье, но это уже совсем другая история :3<\/p>\n",
            "date_published": "2018-02-11T02:59:07+05:00",
            "date_modified": "2023-10-13T17:37:33+05:00",
            "image": "https:\/\/www.vitalyfilatov.ru\/pictures\/2018-06-stolby-01.jpg",
            "_date_published_rfc2822": "Sun, 11 Feb 2018 02:59:07 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "36",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/2018-06-stolby-01.jpg",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/2018-06-stolby-02.jpg",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/2018-06-stolby-02-1.jpg",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/2018-06-stolby-04map.jpg"
                ]
            }
        },
        {
            "id": "35",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/debri\/",
            "title": "Юридические дебри",
            "content_html": "<p>Написали с юристом <a href=\"https:\/\/t.me\/olga_malomorkina\">Ольгой Маломоркиной<\/a> заметку о понятии судебных издержек для внутренней рассылки <a href=\"https:\/\/dvhb.ru\/\">Девхаба<\/a>.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/arbitr_logo_sith.png\" width=\"1318\" height=\"741\" alt=\"\" \/>\n<\/div>\n<p>У заметки было три задачи: показать, что в команде есть компетентный юрист, разбавить новости и расширить кругозор читателя. Заметка задумывалась как отвлеченная юридическая справка, поэтому форма преобладает над содержанием, а объяснения юриста упрощены.<\/p>\n<p>Жизненный цикл заметки: увидел в NDA любопытную формулировку о разумных пределах издержек, спросил Ольгу, как суд понимает эту разумность. Получил объяснение, написал черновик, получил правки, дописал. Ближе к выпуску мы поняли, что промахнулись с темой и решили заметку в рассылку не включать, а выложить отдельно.<\/p>\n<p>Заметка такая:<br \/>\n<br><\/p>\n<p>Вот вы читаете договор, а там написано, что в случае судебных споров стороны обязуются компенсировать судебные издержки в разумных пределах. Звучит солидно, но непонятно.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/izderjki-formulirovka.png\" width=\"737\" height=\"165\" alt=\"\" \/>\n<\/div>\n<p>Как суд понимает и определяет разумность издержек, объясняет юрист Ольга Маломоркина.<\/p>\n<h2>Что такое издержки<\/h2>\n<p>Судебные издержки — траты сторон на судебные разбирательства. По общему правилу проигравшая сторона возмещает выигравшей все расходы, связанные с процессом.<\/p>\n<p>Вот повздорили партнёры по бизнесу, один на другого подал в арбитражный суд. Кто подал — истец, на кого подали — ответчик. Оба ощутимо тратятся: платят гонорары юристам и экспертам, оплачивают их командировки, если суд в другом городе. Истец платит ещё и пошлину, которая зависит от суммы иска. Причем каждый платит исключительно за себя и в своих интересах. Если нужно доказать, что договор подписывал ответчик, экспертизу его почерка оплачивает истец.<\/p>\n<p>По умолчанию суд при удовлетворении иска обяжет ответчика вернуть истцу только пошлину. Чтобы получить остальное, после суда победитель подсчитывает расходы и подаёт отдельное заявление об их взыскании или прописывает взыскание расходов с ответчика сразу в иске.<\/p>\n<p>При частичном удовлетворении иска издержки возмещаются истцу пропорционально выигрышу, а если стороны идут на мировое соглашение, обычно каждый остаётся со своими расходами.<\/p>\n<h2>Как всё происходит<\/h2>\n<p>Суд определяет размер издержек по множеству критериев: категории дела, длительности процесса, количества заседаний, стоимости юридических услуг и объема материалов, подготовленных сторонами.<\/p>\n<p>В сложных процессах судебных расходов набирается на миллионы, поэтому суд иногда снижает их сумму. Для этого проигравшая сторона заявляет возражения и доказывает чрезмерность взыскиваемых расходов. Произвольно суд снижать издержки не может.<\/p>\n<p>Чтобы судебное разбирательство было справедливым, суд немного хитрит. Он уменьшает размер издержек, если их сумма носит явно неразумный (чрезмерный) характер. Например, стоимость услуг юриста выигравшей стороны выглядит заоблачной.<\/p>\n<p>Вот что под этим понимается.<\/p>\n<p>С точки зрения закона, разумными считают такие расходы на оплату услуг юристов, которые взимаются за аналогичные услуги при похожих обстоятельствах. Иными словами, если адвокат заломил мильон, суд смотрит на средние цены по местному рынку юридических услуг, даже если этот адвокат — мировая звезда и берет, как Канделаки за логотип Новой Москвы.<\/p>\n<blockquote>\n<p>Раньше в договоры с юристами добавляли «гонорар успеха» — бонус за выигранное дело. Конституционный суд запретил это безобразие, теперь прописывать такое вознаграждение не рекомендуются.<\/p>\n<\/blockquote>\n<p>С оплатой проезда и проживания поступают также: проигравшая сторона возмещает эти затраты по средним ценам. Бывает, адвокат приезжает на лимузине и живет в президентском номере, но его доверителю приходится оплачивать этот вояж самому, поскольку суд решает, что адвокат неплохо мог бы доехать на поезде и переночевать в привокзальной гостинице, а ещё лучше поспать на обратном пути.<\/p>\n",
            "date_published": "2017-12-28T16:56:20+05:00",
            "date_modified": "2017-12-28T16:57:42+05:00",
            "image": "https:\/\/www.vitalyfilatov.ru\/pictures\/arbitr_logo_sith.png",
            "_date_published_rfc2822": "Thu, 28 Dec 2017 16:56:20 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "35",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/arbitr_logo_sith.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/izderjki-formulirovka.png"
                ]
            }
        },
        {
            "id": "34",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/functional\/",
            "title": "Функционал ≠ набор функций",
            "content_html": "<p>Употреблять «функционал» в значении набор функций или возможностей неправильно. Функционал не синоним слову функциональность. Разница такая же, как между <i>рационом<\/i> и <i>рациональностью<\/i>.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/fuctional_yandex.png\" width=\"836\" height=\"423\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Частота употребления в подсказках на Яндексе. На Юутбе картина еще ярче.<\/div>\n<\/div>\n<p>Функционал — это переменная величина, которая принимает определенное значение в зависимости от выбора одной или нескольких функций. Проще говоря, это функция от функции, математическое понятие.<\/p>\n<p>Функциональность — набор возможностей или функций, которые есть у системы, устройства или сотрудника.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/functional_orfo_error.png\" width=\"367\" height=\"293\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Орфограммка знает, как правильно<\/div>\n<\/div>\n<p>Богатый функционал, функционал сотрудника и прочие деловые и революционные функционалы — детище малограмотных копирайтеров и рекламщиков. Есть гипотеза, что кто-то сокращал неудобное слово «функциональность» или взял кальку c английского. Functional действительно переводится как «функциональный».<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/fuctional_yandex_translate.png\" width=\"805\" height=\"548\" alt=\"\" \/>\n<\/div>\n<h2>Как правильно<\/h2>\n<blockquote>\n<p>Функционал сотрудника &rarr; Обязанности сотрудника<\/p>\n<\/blockquote>\n<blockquote>\n<p>Богатый функционал приложения &rarr; У приложения множество функций<\/p>\n<\/blockquote>\n<blockquote>\n<p>Инновационный функционал &rarr; Куча новых возможностей и фич<\/p>\n<\/blockquote>\n<p>А ещё лучше объяснить, каких конкретно функций и фич:<\/p>\n<blockquote>\n<p>Богатый функционал &rarr; Через приложение можно задать координаты доставки и следить за полетом дрона<\/p>\n<\/blockquote>\n<p>Кстати, «фѝча» — жаргонизм. Употреблять его уместно в неформальном общении: личной переписке, соцсетях и во внутренних материалах.<\/p>\n",
            "date_published": "2017-11-14T03:05:09+05:00",
            "date_modified": "2022-04-20T20:13:17+05:00",
            "image": "https:\/\/www.vitalyfilatov.ru\/pictures\/fuctional_yandex.png",
            "_date_published_rfc2822": "Tue, 14 Nov 2017 03:05:09 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "34",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/fuctional_yandex.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/functional_orfo_error.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/fuctional_yandex_translate.png"
                ]
            }
        },
        {
            "id": "33",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/nbspforall\/",
            "title": "Как сделать мир чуть лучше",
            "content_html": "<p>Началось с того, что я написал текст вакансии Девхаба для Моего круга. Админка даёт править HTML-код, поэтому решил сделать красиво: обернул текст в теги и прогнал через лебедевский Типограф.<\/p>\n<p>Оказалось, при сохранении админка съедает спецсимволы, союзы и предлоги остаются висеть. Выглядит непрофессионально, а разрыв в ссылке и вовсе за пределами добра и зла:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/badtypography.png\" width=\"1318\" height=\"693\" alt=\"\" \/>\n<\/div>\n<p>Замена <b>&amp;nbsp;<\/b> на спецсимвол «Неразрывный пробел» (Alt+0160) тоже не помогла: админка съела и его.<\/p>\n<p>Чтобы закрыть гештальт и утешить внутреннего перфекциониста, я немного поворчал в рабочий чатик и написал Службе поддержки:<\/p>\n<blockquote>\n<p>Здравствуйте, я редактор компании Девхаб. Публиковал вакансию и столкнулся с проблемой: не могу проставить в тексте неразрывные пробелы. Ни в режиме HTML, ни спецсимволами. После сохранения они иногда остаются, а иногда сбрасываются. Из-за этого текст выглядит неряшливо, а я становлюсь печален.<br \/>\nПодскажите, есть какая-то возможность добавить неразрывные пробелы? В идеале &amp;nbsp, но пойдет и символ UNICODE.<\/p>\n<\/blockquote>\n<p>Обычно на такие запросы вежливо отписываются о нецелесообразности или еще вежливее молчат. Какой резон ковырять редактор, если он и так работает? Но к вечеру ответ пришел:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/mycircleanswer.png\" width=\"810\" height=\"416\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Именно так я письмо и прочитал, на старом телефоне.<\/div>\n<\/div>\n<p>Надо ли говорить о том, какие умницы работают в Моём круге, и что с них стоит брать пример. Теперь символы не пропадают, текстовый набор выглядит как надо, а сон мой глубок и безмятежен:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1318\" data-ratio=\"1.9018759018759\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/goodtypography.png\" width=\"1318\" height=\"693\" alt=\"\" \/>\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/badtypography.png\" width=\"1318\" height=\"693\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Стало и было<\/div>\n<\/div>\n<h2>Мораль<\/h2>\n<p>Бесполезно рассуждать о несовершенстве мира. Нужно пересилить лень и убежденность, что никому ничего не нужно, и попробовать что-нибудь сделать. Не исключено, что вам попадутся небезразличные люди и что-то в нашем мире, пусть малое и незначительное, станет лучше.<\/p>\n<h2>Ссылки по теме<\/h2>\n<p><a href=\"https:\/\/moikrug.ru\/vacancies\/1000037443\">Вакансия фронтендера на React\/AngularJS<\/a><\/p>\n<p><a href=\"https:\/\/www.artlebedev.ru\/typograf\/\">Типограф Лебедева<\/a><\/p>\n<p><a href=\"https:\/\/goo.gl\/WHRmee\">Википедия про неразрывный пробел<\/a><\/p>\n",
            "date_published": "2017-10-26T04:02:55+05:00",
            "date_modified": "2023-10-13T17:38:20+05:00",
            "image": "https:\/\/www.vitalyfilatov.ru\/pictures\/badtypography.png",
            "_date_published_rfc2822": "Thu, 26 Oct 2017 04:02:55 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "33",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/jquery\/jquery.js",
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/badtypography.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/mycircleanswer.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/goodtypography.png"
                ]
            }
        },
        {
            "id": "32",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/navigator\/",
            "title": "Сценарий видеоролика для «Навигатора»",
            "content_html": "<p>Написал сценарий рекламного ролика для агентства недвижимости «Навигатор». Обычно я пишу текст, который читают, а не рассказывают вслух, но было интересно попробовать. Получилось так:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/I8b3B3eOBe0?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Расскажу, как всё было.<\/p>\n<p>Сначала менеджер проекта <a href=\"https:\/\/vk.com\/lia_marketing\">Наталья Сальникова<\/a> изучает пожелания заказчика и собирает сведения. Мы обсуждаем, какую задачу решает ролик, кто и где его увидит, его длительность и что в нем должно быть. Советуемся со студией, чтобы не выйти за рамки бюджета и не просить невозможного. Выбираем вариант с девушкой-рассказчиком и плоской анимацией. В итоге получается концепт.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/NaviConcept.png\" width=\"1330\" height=\"915\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Концепт описывает формат и общее настроение. Это еще не сценарий.<\/div>\n<\/div>\n<p>Наталья согласует концепт с заказчиком, и я сажусь за первый черновик.<br \/>\nВ первом черновике собираем все, что знаем о заказчике и его предложении.<\/p>\n<p>Чтобы выстроить историю, раскидываю материал по структуре:<\/p>\n<blockquote>\n<ol start=\"1\">\n<li>Кто мы такие<\/li>\n<li>Что мы делаем<\/li>\n<li>Почему мы делаем это хорошо<\/li>\n<li>Подробности и доказательства<\/li>\n<li>Приглашение к диалогу<\/li>\n<\/ol>\n<\/blockquote>\n<p>Структура помогает понять, каких сведений не хватает. Собираем вопросы, Наталья уточняет у заказчика, я пишу текст и подсказки дизайнеру-аниматору. Получается таблица-сценарий.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1330\" data-ratio=\"1.4535519125683\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/NaviScript01.png\" width=\"1330\" height=\"915\" alt=\"\" \/>\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/NaviScript02.png\" width=\"1330\" height=\"915\" alt=\"\" \/>\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/NaviScript03.png\" width=\"1330\" height=\"915\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Сценарий не ограничивает дизайнера, визуальный ряд — его задача.<\/div>\n<\/div>\n<p>Чтобы уложиться в хронометраж и упростить задачу актрисе, раз десять вычитываю вслух с выражением и паузами. Заказчик смотрит сценарий, показывает его юристам, просит поправить и дополнить. Потом мы передаём его в производство студии <a href=\"https:\/\/vk.com\/monstervideoufa?w=wall-95386259_30\">MonsterVideo<\/a>.<\/p>\n<p>Текст в ролике отличается от исходного на несколько слов. Их добавила актриса, чтобы речь звучала естественнее. И это хорошо ©<\/p>\n",
            "date_published": "2017-07-04T05:07:02+05:00",
            "date_modified": "2017-07-04T05:21:57+05:00",
            "image": "https:\/\/www.vitalyfilatov.ru\/pictures\/remote\/youtube-I8b3B3eOBe0-cover.jpg",
            "_date_published_rfc2822": "Tue, 04 Jul 2017 05:07:02 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "32",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/jquery\/jquery.js",
                    "system\/library\/media-seek\/media-seek.js",
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/remote\/youtube-I8b3B3eOBe0-cover.jpg",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/NaviConcept.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/NaviScript01.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/NaviScript02.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/NaviScript03.png"
                ]
            }
        },
        {
            "id": "30",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/triple-wrap\/",
            "title": "Рерайт №6. Рассказать о пользе, не изменяя количество символов",
            "content_html": "<p>Бывает, в тексте есть факты, но они не убеждают. Заказчик объяснил суть своей работы, рассказал о тонкостях. Мы их прилежно перечисляем, а история не складывается. Это потому что факты сами по себе мало полезны. Важно подать их так, чтобы читатель увидел: да, это про меня.<\/p>\n<p>Разберем на примере текста для магазина сувениров, написанного по объяснениям заказчика. <a href=\"http:\/\/salnikova.pro\/\">Наталья Сальникова<\/a> попросила посмотреть, как там что, но переписать оказалось проще, чем объяснить.<\/p>\n<p>Было так:<\/p>\n<blockquote>\n<p>При транспортировке сувениров используется тройная упаковка, которая защитит изделия на всем пути. Перед перевозкой сувениры упаковываются в индивидуальные мешочки, затем происходит расфасовка по количеству. Хрупкие изделия уплотняются стрейчевой или пузырчатой пленкой. На конечном этапе сувениры укладываются в картонную коробку.<\/p>\n<\/blockquote>\n<blockquote>\n<p>Мы бережем свой труд и ваши деньги.<\/p>\n<\/blockquote>\n<p>Конечно, сколько ни переписывай, два абзаца читателя не убедят. Чтобы читатель сформировал мнение, нужны факты и наглядная демонстрация. Но мы исходим из того, что работу пора сдавать, структура страницы уже утверждена, а текст большего объема просто не влезет в макет.<\/p>\n<h2>Разберем по предложениям и перепишем<\/h2>\n<p>Начнем с последнего, которое в один абзац.<\/p>\n<blockquote>\n<p>Мы бережем свой труд и ваши деньги.<\/p>\n<\/blockquote>\n<p>Фраза вынесена в отдельный абзац для акцента: ценим труд, бережем деньги. Вроде позитивно, но как это соотносится с мешочками и коробками? Похоже на рекламное клише: уважаем себя и ценим клиента.<\/p>\n<p>Скажем то же самое, но на понятном читателю языке. Чего хочет покупатель, оплативший сувенир в интернет-магазине? Очевидно, открыть посылку и убедиться, что с покупкой все в порядке. Так и скажем:<\/p>\n<blockquote>\n<p>Мы хотим, чтобы сувениры доезжали до вас в целости и сохранности.<\/p>\n<\/blockquote>\n<p>Перенесем в начало, чтобы сообщить главную мысль и задать тон.<\/p>\n<p>Главную мысль выразили, идем дальше.<\/p>\n<blockquote>\n<p>При транспортировке сувениров используется тройная упаковка, которая защитит изделия на всем пути.<\/p>\n<\/blockquote>\n<p>Убираем страдательный залог и лишние подробности. Упаковку используем мы, а что она защищает сувениры на всем пути — и так понятно. Важно, что упаковка тройная. Пусть читатель не представляет, что это такое, но «специальная тройная» — не «завернутая в один слой газеты».<\/p>\n<blockquote>\n<p>Для перевозки сувениров мы используем специальную тройную упаковку.<\/p>\n<\/blockquote>\n<p>Продолжаем раскрывать тему тройной упаковки.<\/p>\n<blockquote>\n<p>Перед перевозкой сувениры упаковываются в индивидуальные мешочки, затем происходит расфасовка по количеству.<\/p>\n<\/blockquote>\n<p>Мешочки хорошо, а расфасовку уберем, это не про заботу о посылке.<\/p>\n<blockquote>\n<p>Сначала мы упаковываем каждый сувенир в отдельный мешочек.<\/p>\n<\/blockquote>\n<p>Теперь о втором слое упаковки — пленке.<\/p>\n<blockquote>\n<p>Хрупкие изделия уплотняются стрейчевой или пузырчатой пленкой.<\/p>\n<\/blockquote>\n<p>Тут все на месте, просто добавим того, кто совершает действие, и заменим «уплотнять» на «прокладывать», это проще представить.<\/p>\n<blockquote>\n<p>Хрупкие изделия прокладываем стрейчевой или пузырчатой пленкой.<\/p>\n<\/blockquote>\n<p>Переходим к последнему слою.<\/p>\n<blockquote>\n<p>На конечном этапе сувениры укладываются в картонную коробку.<\/p>\n<\/blockquote>\n<p>Упростим и добавим характеристику коробке, которая бы говорила в пользу надежности. Предполагаем, что коробка не простая, а из плотного картона, который хуже промокает и не протирается.<\/p>\n<blockquote>\n<p>Потом всё укладываем в коробку из плотного картона.<\/p>\n<\/blockquote>\n<p>В конце хочется привести пример, который соберет все вместе и объяснит преимущества упаковки в знакомой ситуации. С этим просто: я знаю, что на почте с посылками случается всякое. Отправишь скульптуру, а придет алебастровая крошка. Но очернять работников почты не будем. Это неэтично, в этом нет никакой пользы, и симпатичнее покупателю от этого мы не станем. Ну, роняют они посылки, с кем не бывает.<\/p>\n<blockquote>\n<p>Если почтальон уронит такую посылку, содержимое останется целым.<\/p>\n<\/blockquote>\n<p>Не сценарий Копполы, но картинка в голове возникает.<\/p>\n<h2>Соберем все вместе<\/h2>\n<p>Результат чуть сократим, чтобы не выходить за объём предполагаемого модуля. Было 366 символов с пробелами, стало 367.<\/p>\n<blockquote>\n<p>Мы хотим, чтобы сувениры доезжали до вас в целости и сохранности.<\/p>\n<\/blockquote>\n<blockquote>\n<p>Для перевозки сувениров мы используем специальную тройную упаковку. Сначала упаковываем каждый сувенир в отдельный мешочек. Хрупкие изделия прокладываем стрейчевой или пузырчатой пленкой. Потом всё укладываем в коробку из плотного картона. Если почтальон уронит такую посылку, содержимое не пострадает.<\/p>\n<\/blockquote>\n<p>Для драматизма можно поменять абзацы местами, но я не буду. Пусть история начинается с главной мысли, а заканчивается яркой сценкой.<\/p>\n",
            "date_published": "2017-04-08T01:57:44+05:00",
            "date_modified": "2017-04-08T01:54:10+05:00",
            "_date_published_rfc2822": "Sat, 08 Apr 2017 01:57:44 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "30",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "25",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/katoknagd\/",
            "title": "Текст аудиоролика — открытие Катка на Гостинке",
            "content_html": "<p><a href=\"http:\/\/vitalyfilatov.ru\/tags\/iskatelipriklyucheniy\/\">Искатели приключений<\/a> летом строят веревочные парки, а зимой организуют каток в самом посещаемом месте Уфы — на площади перед Гостиным двором. Я написал текст рекламного ролика на радио. Расскажу, как все устроено, и покажу, что получилось.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/katoknagd.jpg\" width=\"718\" height=\"401\" alt=\"\" \/>\n<\/div>\n<p>Ролик короткий, 25 секунд. Нужно рассказать, где и когда он открывается и что будет в программе.<\/p>\n<p>Для начала собираю требования к ролику и информацию о катке. Читаю пресс-релиз и группу катка Вконтакте. Пишу в гугл-доке понимание задачи.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/katoknagd_taskdoc_2.png\" width=\"1093\" height=\"750\" alt=\"\" \/>\n<\/div>\n<p>Читаю интернет, освежаю знания о специфике рекламы на радио. Слушаю примеры роликов, выбираю тон сообщения, чтобы ролик выделялся на фоне остальных. Считаю оптимальное количество слов и пишу первый черновик.<\/p>\n<blockquote>\n<p>В субботу, семнадцатого декабря арт-каток на Гостином дворе торжественно открывает сезон коньков и хорошего настроения!<br \/>\nУютная атмосфера и новые знакомства, игры и конкурсы для детей, огненное шоу от Театра Огня, танцевальный флешмоб и мастер-класс от студии фигурного катания. Море звука и цвета, а также призы и подарки!<br \/>\nВстречаемся на Гостином дворе, семнадцатого декабря, в пять вечера.<\/p>\n<\/blockquote>\n<p>По структуре ролик похож на новостную заметку: сильное начало и суть сообщения, подробности в середине и закрепление важного в конце. В описании делаю упор на живые образы, дающие простор фантазии: шоу огня, море звука, новые знакомства. Они создают ожидание и интригу.<\/p>\n<p>Дату повторяю два раза, время — один раз в конце. «Пять вечера» удобнее «семнадцати ноль-ноль» и лучше запоминается. Несколько раз читаю вслух: проверяю звучание и место для акцентов и интонаций диктора. Вроде все хорошо. Показываю заказчику, обсуждаем и правим.<\/p>\n<blockquote>\n<p><b>Согласование — самая волнующая часть.<\/b> В ходе обсуждения и правок мы выясняем новые подробности, уточняем детали, выбираем тон сообщения. Так черновик отбрасывает хвост и превращается в рабочий текст. Без замечаний заказчика хорошо написать не получится.<\/p>\n<\/blockquote>\n<p>Решаем чуть снизить торжественность и убрать про торжественное открытие, исправить цвет на свет. Обращаю внимание на удачное совпадение даты и времени начала. Получается смысловая рифма, которая хорошо запоминается: 17 — 17.<\/p>\n<p>Текст уходит на радио, юристы просят добавить возрастную категорию и убрать про конкурсы, призы и подарки. Убираем, получается так:<\/p>\n<blockquote>\n<p>В субботу, семнадцатого декабря каток на Гостином дворе открывает долгожданный сезон коньков и хорошего настроения!<br \/>\nУютная атмосфера и новые знакомства, игры для детей, огненное шоу от Театра Огня, танцевальный флешмоб и мастер-класс от студии фигурного катания. Море звука и света!<br \/>\nВстречаемся на Гостином дворе, семнадцатого декабря, в семнадцать часов. Категория 0+<\/p>\n<\/blockquote>\n<p>Потом радио добавляет упоминание о своем участии, ролик записывают и пускают в эфир. По телу разливается приятное тепло :-)<\/p>\n<div class=\"e2-text-audio\">\n<div class=\"e2-text-super-wrapper e2-jouele-wrapper\"><a class=\"jouele\" data-space-control=\"true\" data-length=\"25\" href=\"https:\/\/www.vitalyfilatov.ru\/audio\/katoknagd-2016.mp3\">Открытие Катка на Гостинке<\/a><\/div>\n<\/div>\n<h2>Материалы по проекту<\/h2>\n<p><a href=\"https:\/\/goo.gl\/0kcktY\">Понимание задачи, черновик и текст ролика<\/a><\/p>\n<p><a href=\"\/archive\/Press-release-Katok-na-GD-2016.pdf\">Пресс-релиз Катка на Гостинке<\/a><\/p>\n<p><a href=\"https:\/\/vk.com\/katoknagd\">Группа Катка Вконтакте<\/a><\/p>\n",
            "date_published": "2016-12-12T21:32:59+05:00",
            "date_modified": "2022-04-20T17:26:57+05:00",
            "image": "https:\/\/www.vitalyfilatov.ru\/pictures\/katoknagd.jpg",
            "_date_published_rfc2822": "Mon, 12 Dec 2016 21:32:59 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "25",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/jquery\/jquery.js",
                    "system\/library\/jouele\/jouele.css",
                    "system\/library\/jouele\/jouele.js"
                ],
                "og_images": [
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/katoknagd.jpg",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/katoknagd_taskdoc_2.png"
                ]
            }
        },
        {
            "id": "22",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/ropepark\/",
            "title": "Новый сайт «Искателей приключений»",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/Rope-park-main.jpg\" width=\"1318\" height=\"1115\" alt=\"\" \/>\n<\/div>\n<p>Запустили <a href=\"http:\/\/rope-park.ru\/\">новый сайт «Искателей приключений»<\/a>.<\/p>\n<p>«Искатели» строят и запускают веревочные парки, развивают собственную сеть «Гамми» и приглашают начинающих предпринимателей к сотрудничеству.<\/p>\n<p>Новый сайт рассказывает об опыте и проектах «Искателей», помогает выбрать тип парка и оценить ожидаемую прибыль.<\/p>\n<p>У старого сайта были проблемы с изложением и структурой. На главной странице скакали иерархия элементов и их плотность, отчего было не понятно куда смотреть. Вместо связного рассказа о команде и её преимуществах — ссылки на промостраницы, а перечень типовых проектов жил в отдельном интернет-магазине, и никак не был связан с каталогом готовых парков.<\/p>\n<p>Для новой версии я переработал концепцию и структуру страниц. Прописал пользовательские сценарии. Составил ТЗ, помог с согласованием дизайна и версткой макетов. Написал и оформил текст, расставил акценты в изложении и безжалостно выкинул лишнее.<\/p>\n<p>Сравните старую и новую главные страницы:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/Rope-park-comparing.jpg\" width=\"700\" height=\"954\" alt=\"\" \/>\n<\/div>\n<p>В следующей версии допилим адаптивный дизайн, допишем статьи о работе и экономике парков, добавим разных пирогов и все, что <a href=\"http:\/\/artgorbunov.ru\/bureau\/fff\/\">пришлось пофлексить<\/a>.<\/p>\n<p>Сайт наполняется заказчиком. Для сохранения стиля написана простая редполитика с примерами.<\/p>\n<h3>Вместе со мной над проектом работали<\/h3>\n<p>Иван Остривной — IT-менеджер проекта и тестировщик. <a href=\"https:\/\/vk.com\/ivanopen\">Профиль ВК<\/a>.<\/p>\n<p>Виталий Чудов — дизайн. <a href=\"vitallychudov@gmail.com\">Пишите ему на почту<\/a>.<\/p>\n<p>Кирилл Кузнецов — PHP, JS, CSS и настойка MODX. <a href=\"https:\/\/freelance.ru\/Doogy\">Профиль на Фрилансере<\/a>.<\/p>\n<p>Иван Каденюк — первоначальная верстка.<\/p>\n<p>Александр Бурдуковский — верстка раскрывающейся плашки типовых проектов. <a href=\"https:\/\/freelance.ru\/ABurdukovskiy\">Профиль на Фрилансере<\/a>.<\/p>\n",
            "date_published": "2016-07-16T01:14:50+05:00",
            "date_modified": "2020-06-04T02:10:39+05:00",
            "image": "https:\/\/www.vitalyfilatov.ru\/pictures\/Rope-park-main.jpg",
            "_date_published_rfc2822": "Sat, 16 Jul 2016 01:14:50 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "22",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/Rope-park-main.jpg",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/Rope-park-comparing.jpg"
                ]
            }
        },
        {
            "id": "17",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/pismo-klientu\/",
            "title": "«Искатели приключений» — письмо клиенту",
            "content_html": "<p>«Искатели Приключений» строят веревочные парки и помогают их владельцам развивать бизнес.<\/p>\n<p>Я написал «Искателям» письмо для клиента, оставившего заявку на сайте. Новое письмо рассказывает о работе компании, используемых материалах, этапах создания парка и методе расчета планируемой выручки.<\/p>\n<p>Чтобы читатель проще ориентировался, текст разбит на тематические блоки.<\/p>\n<h2>Было<\/h2>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/Letter-old.png\" width=\"1400\" height=\"1006\" alt=\"\" \/>\n<\/div>\n<h2>Стало<\/h2>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/Letter-1.png\" width=\"1400\" height=\"1006\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/Letter-2.png\" width=\"1400\" height=\"1006\" alt=\"\" \/>\n<\/div>\n<p>Новое письмо четче структурировано и в два раза длиннее:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/Letter-vertical.png\" width=\"200\" height=\"450\" alt=\"\" \/>\n<\/div>\n<p><a href=\"https:\/\/docs.google.com\/document\/d\/1A8l6xZOXT-oqA6B6maSd07DN8xgZI6N7-P-wOU7ow5c\/edit?usp=sharing\">Текст письма в гугл-доке<\/a><\/p>\n",
            "date_published": "2016-06-11T20:54:20+05:00",
            "date_modified": "2017-02-27T07:59:23+05:00",
            "image": "https:\/\/www.vitalyfilatov.ru\/pictures\/Letter-old.png",
            "_date_published_rfc2822": "Sat, 11 Jun 2016 20:54:20 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "17",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/Letter-old.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/Letter-1.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/Letter-2.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/Letter-vertical.png"
                ]
            }
        },
        {
            "id": "16",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/blogger-css\/",
            "title": "Как настроить оформление текста в Blogger",
            "content_html": "<p>Я добрался до вёрстки статей в корпоративном блоге, настроил интерлиньяж и делюсь опытом.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/SntGeorg.jpg\" width=\"2006\" height=\"798\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Витторе Карпаччо «Святой Георгий и Дракон», 16 век. Дракон символизирует хаос и уродство корпоративной безблагодатности, а святой Георгий — систему, состоящую из взаимосвязанных компонент: мужика, копья, доспехов и лошади. Дама, взирающая на поединок, символизирует автора статей — юриста Алину. Алина, привет!<\/div>\n<\/div>\n<p>Каждый четверг <a href=\"http:\/\/blog.freshdoc.ru\/\">в блоге FreshDoc<\/a> выходит статья с советами юриста.<\/p>\n<p>Три месяца я только редактировал черновики юристов и не мог повлиять на оформление. Результат выглядел плохо, я изводил коллег нытьём о нормах вёрстки, свисающих союзах, добре и красоте. Теперь мне доверили публикацию, я получил доступ к админке и оторвался, как мог.<\/p>\n<p>Сегодня я расскажу: что и почему было не в порядке, как я это исправил и что еще я бы сделал, чтобы настала благодать.<\/p>\n<blockquote>\n<p><b>Дисклеймер<\/b>. В статьях встречается продающий текст. Это не редактура, это маркетинг. Отнеситесь с пониманием. Когда-нибудь мы от него избавимся.<\/p>\n<\/blockquote>\n<h2>Проблема<\/h2>\n<p>Блог размещен на веб-сервисе Blogger. Статьи пишут и редактируют в Гугл-доке, а потом вставляют в режиме визуального редактирования. Из-за этого вид статей непредсказуемо разнится:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"654\" data-ratio=\"0.93428571428571\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/Exaples1.png\" width=\"654\" height=\"700\" alt=\"\" \/>\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/Exaples2.png\" width=\"654\" height=\"700\" alt=\"\" \/>\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/Exaples3.png\" width=\"654\" height=\"700\" alt=\"\" \/>\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/Exaples4.png\" width=\"654\" height=\"700\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>Визуальный редактор Bloggera примитивен, в нем нельзя создать единый набор стилей. Изменить криво оформленный текст в редакторе не выйдет. Поплывут отступы, изменится расстояние между строками и абзацами. Точно задавать отступы редактор не даёт, это доступно только в режиме правки HTML. Чтобы привести все статьи к единому виду без трудоёмкой правки кода, придётся загнать их в Ворд, отформатировать и скопировать назад. А если позднее дизайн блога изменится, придётся переделывать.<\/p>\n<h2>Решение<\/h2>\n<p>Чтобы победить хаос и уродство, мало придумать метод. Нужна система.<\/p>\n<p>Текст в блоге размечен HTML-тегами, делящими текст на заголовки, абзацы и списки. Внешний вид этих элементов определяется специальными правилами — таблицами стилей CSS.<\/p>\n<p>Blogger позволяет задавать стили для всего блога. Но визуальный редактор вставляет правила оформления непосредственно в HTML-теги, после чего изменить их внешний вид через единый CSS уже нельзя. Разделим текст и правила оформления: напишем таблицу стилей и придумаем метод разметки текста.<\/p>\n<blockquote>\n<p>Таблицу стилей необязательно писать с нуля. Можно оформить текст в Ворде или Гугл-доке, скопировать в Blogger и посмотреть, какими правилами задано оформление в режиме правки HTML.<\/p>\n<\/blockquote>\n<p>Размечать текст HTML-тегами вручную трудоёмко. Нужна автоматизация. Кроме этого, в тексте нужно расставлять неразрывные пробелы — служебные символы, сцепляющие два слова вместе. Это нужно для привязки союзов к следующему слову и разделения чисел на разряды.<\/p>\n<p>Полностью автоматизировать этот процесс доступными инструментами не получится, поэтому сведем количество ручных операций к минимуму. Последовательность действий и нужные инструменты опишем в инструкции, чтобы не привязывать процесс к одному исполнителю.<\/p>\n<h2>Технология<\/h2>\n<p>Текст статьи редактируем в специальном шаблоне Ворда со стилями, похожими на стили в блоге. Это помогает понять, где ставить ссылки, чтобы они не разрывались переносом строки, и следить за формой правого края абзаца. Хотя текст выровнен влево, правый край не должен выглядеть рваным и хаотичным (на картинке именно так).<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/WordTemplate.png\" width=\"1189\" height=\"817\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Текст в шаблоне я правлю в режиме отображения служебных знаков, обозначающих пробел, абзац и заголовки. Чтобы подготовить шаблон, я подобрал размер шрифта так, чтобы на строке помещалось 72 символа с пробелами. При такой длине стоит увеличить расстояние между строками, чтобы текст было легче читать.<\/div>\n<\/div>\n<p>Готовый текст преобразовываем в «чистый HTML». Сохраняем разметку абзацев и гиперссылок, но убираем встроенные в теги стили. После этого текст слушается CSS.<\/p>\n<p>Получившийся текст с тегами отправляем в «Типограф». Он корректно расставляет неразрывные пробелы, правильные кавычки и заменяет дефисы на тире. Обработанный текст предсказуемо ведёт себя при любой ширине колонки, если в будущем она изменится.<\/p>\n<p>Копируем текст в Блокнот и размечаем заголовки тегами <b>&lt;H*&gt;<\/b>. В статье максимум три уровня заголовков. Первый — заголовок статьи, второй — раздела, а третий — строчный, с него начинается абзац. Если в популярной статье больше, её нужно переписать.<\/p>\n<blockquote>\n<p><b>Не правьте HTML в Гугл-доке<\/b>. Он заменяет латинские кавычки спецсимволами, их браузер не понимает.<\/p>\n<\/blockquote>\n<p>Теперь организуем логические блоки.<\/p>\n<p>Не переключаясь в режим визуального форматирования, вставляем картинки, помещаем их в контейнер <b>&lt;div class=”el_pic”&gt; &lt;\/div&gt;<\/b>. Для картинок прописаны отступы от текста, но можно добавить и других правил. Например, чтобы они растягивались по ширине колонки.<\/p>\n<p>Размечаем фактоиды контейнерами <b>&lt;div class=”el_fact”&gt; &lt;\/div&gt;<\/b>. Фактоиды — выводы или цитаты, на которые редактор хочет обратить внимание читателя. Фактоид помогают разбить скучную портянку на небольшие блоки. В такой статье читателю проще ориентироваться, и выше вероятность, что он прочитает её до конца.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/factoid.png\" width=\"669\" height=\"342\" alt=\"\" \/>\n<\/div>\n<p>Организуем маркированные списки <b>&lt;UL&gt;<\/b>. Теги списка помещаем внутри тегов <b>&lt;P&gt;<\/b> и <b>&lt;\/P&gt;<\/b>. Логически список — это длинное предложение, для удобства чтения разбитое на строки. Отступ между описательным предложением и элементами списка не нужен. Маркеры списка заменяю на короткое тире и делаю его чуть светлее цвета основного текста. Так маркеры опрятны, помогают читать и не мешают. Для списков с перечнем гиперссылок предусмотрен стиль <b>lnk<\/b>, с увеличенным расстоянием между пунктами, чтобы по ссылкам было легче попадать курсором или пальцем.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"722\" data-ratio=\"3.0336134453782\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/UL_example1.png\" width=\"722\" height=\"238\" alt=\"\" \/>\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/UL_example2.png\" width=\"722\" height=\"238\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>Акронимы типа ОСАГО или ДТП заключаем в теги <b>&lt;acronym&gt;&lt;\/acronym&gt;<\/b>. Акронимы состоят из заглавных, которые нужно разряжать — увеличивать расстояние между буквами. Такой акроним выглядит красиво и его проще читать. Это едва уловимая деталь добавляет редакторского пафоса.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/Spacing.png\" width=\"648\" height=\"267\" alt=\"\" \/>\n<\/div>\n<p>Помещаем статью в родительский контейнер <b>&lt;div class=”editore”&gt; &lt;\/div&gt;<\/b>. Таблица стилей действует только на текст внутри этого контейнера, чтобы правила не ломали стили других элементов страницы. Это называется инкапсуляцией правил оформления.<\/p>\n<p>Вставляем в запись блога в режиме редактирования кода, сохраняем, просматриваем, правим—дотягиваем. Ура! Главное — не переключаться в режим визуального редактирования. Он сломает разметку и придется вставлять подготовленный текст заново.<\/p>\n<p>Вот как выглядит верстка текста из Ворда в сравнении с полученным результатом:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/Compare.png\" width=\"1576\" height=\"3198\" alt=\"\" \/>\n<\/div>\n<h2>Что еще надо бы сделать<\/h2>\n<ul>\n<li>Переделать под новое оформление остальные статьи. На это нужно время, а его нет. По крайне мере, новые материалы будут выходить по технологии.<\/li>\n<li>Сделать блогу нормальный дизайн. Его внешний вид за пределами добра и зла.<\/li>\n<li>Подобрать гармоничную шрифтовую пару. Calibri и Cambria — не самое удачное сочетание.<\/li>\n<li>Доделать CSS. Статья уже выглядит неплохо, но в стилях не хватает системности: гармоничных соотношений между размером шрифта и отступами. Еще не помешает привести единицы размеров к относительным величинам, привязанным к размеру шрифта.<\/li>\n<li>Начать подбирать небанальные картинки и вменяемо их оформлять. Возможно, я доберусь и до них.<\/li>\n<\/ul>\n<h2>Ссылки по теме<\/h2>\n<p><a href=\"http:\/\/vitalyfilatov.ru\/archive\/FreshDoc-CSS-2016.txt\">Текстовый файл с таблицей стилей<\/a> — для любопытствующих.<\/p>\n<p><a href=\"http:\/\/www.artlebedev.ru\/tools\/typograf\/about\/\">О программе «Типограф»<\/a>.<\/p>\n<p><a href=\"https:\/\/word2cleanhtml.com\/\">Convert Word documents to Clean HTML<\/a> — чистит теги, заменяет &lt;b&gt; на &lt;strong&gt;, а &lt;i&gt; на &lt;em&gt;.<\/p>\n<p><a href=\"http:\/\/artgorbunov.ru\/bb\/soviet\/20150705\/\">Гигиенические требования к вёрстке<\/a> в Советах Бюро Горбунова. Редактор не может не уметь верстать, потому что вёрстка — единственная физическая форма текста. Работа редактора — космос.<\/p>\n",
            "date_published": "2016-02-14T16:02:17+05:00",
            "date_modified": "2020-01-07T02:07:46+05:00",
            "image": "https:\/\/www.vitalyfilatov.ru\/pictures\/SntGeorg.jpg",
            "_date_published_rfc2822": "Sun, 14 Feb 2016 16:02:17 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "16",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/jquery\/jquery.js",
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/SntGeorg.jpg",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/Exaples1.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/Exaples2.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/Exaples3.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/Exaples4.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/WordTemplate.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/factoid.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/UL_example1.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/UL_example2.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/Spacing.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/Compare.png"
                ]
            }
        }
    ],
    "_e2_version": 3877,
    "_e2_ua_string": "E2 (v3877; Aegea)"
}