{ "version": "https:\/\/jsonfeed.org\/version\/1", "title": "Бурмистров Таргет: заметки с тегом инструменты", "_rss_description": "Блог Сергея Бурмистрова: таргетированная реклама в ВК, смыслы в рекламе и Landing Pages, автоматизация задач с Google Sheets и Notion, эффективная работа на iPad. А также просто мысли. О чём мыслишь — тем и живёшь.", "_rss_language": "ru", "_itunes_email": "", "_itunes_categories_xml": "", "_itunes_image": "", "_itunes_explicit": "", "home_page_url": "https:\/\/burmistrovtarget.ru\/tags\/instrumenty\/", "feed_url": "https:\/\/burmistrovtarget.ru\/tags\/instrumenty\/json\/", "icon": "https:\/\/burmistrovtarget.ru\/user\/userpic@2x.jpg?1661006849", "author": { "name": "Сергей Бурмистров", "url": "https:\/\/burmistrovtarget.ru\/", "avatar": "https:\/\/burmistrovtarget.ru\/user\/userpic@2x.jpg?1661006849" }, "items": [ { "id": "9", "url": "https:\/\/burmistrovtarget.ru\/all\/sayty-nastroenie-kak-budto-chitaesh-stary-oblezly-zhurnal\/", "title": "Сайты: настроение как будто читаешь старый облезлый журнал", "content_html": "

Ретро-дизайн иногда выглядит слишком глянцево. Не верится в ретро, когда всё такое ровное.<\/p>\n

Как бы сделал я: над фото вставить дополнительный прозрачный фон с облезлостями: складками, порванными местами, мусором и потертостями.
\nСтиль, напоминающий старые журналы из прошлого века: цвета пожухли, появились складки, заломы бумаги, местами вытертые области. Бумага топорщится. Мне кажется, эта иллюстрация как раз вызывает такие эмоции.<\/p>\n

Появляется желание её ещё состарить, чтобы выглядела аутентично.<\/p>\n

Есть ли такой плагин для Figma, например? Или текстура старой бумаги? Я пока не нашёл. Найду — добавлю.
\nПока нашел плагин Noise<\/a><\/p>\n

\n \n $\"Фото$ \n<\/a>

bazium.ru<\/a><\/div>\n<\/div>\n

А было бы хорошо вот так:<\/p>\n

\n \n $\"\"$ \n<\/a><\/div>\n", "date_published": "2022-09-17T15:20:40+00:00", "date_modified": "2022-09-27T15:04:58+00:00", "image": "https:\/\/burmistrovtarget.ru\/pictures\/2022-09-15_14-51-14.png", "_date_published_rfc2822": "Sat, 17 Sep 2022 15:20:40 +0000", "_rss_guid_is_permalink": "false", "_rss_guid": "9", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/burmistrovtarget.ru\/pictures\/2022-09-15_14-51-14.png", "https:\/\/burmistrovtarget.ru\/pictures\/retro-style.jpg" ] } }, { "id": "10", "url": "https:\/\/burmistrovtarget.ru\/all\/vypryami-spinu\/", "title": "Выпрями спину!", "content_html": "

Все это слышали, и многие даже искренне пытались выпрямить свою спину, но надолго ли этого хватало?
\nЧерез сколько минут спина упрямо сгибалась на привычное место опять?<\/p>\n

Хватило одной минуты? 30 секунд?<\/p>\n

Почему так?<\/p>\n

Тут дело не только в привычке, хотя она на одном из первых мест
\nИ не в самооценке, хотя она вообще на первом месте<\/p>\n

В чем причина согнутой спины?<\/h2>\n
\n
Суть в том, что мы не чувствуем. Не чувствуем разницы в ощущениях между прямой спиной и согнутой. Максимум — мы только думаем, что вроде со стороны прямая спина выглядит более красиво (но это не факт, так же? Еще доказать надо).<\/li>\n<\/ol>\n
\n
Второй вариант — мы чувствуем, но только усталость от напряжения мышц, когда выпрямляем спину. Телу это ой как не нравится. А согнутая спина вроде как не напряжена, даже расслаблена. Так легче, да?<\/li>\n<\/ol>\n
В чём причина того, что выпрямить спину так трудно?<\/h2>\n
А в том, что в обычном состоянии, чтобы выйти из зоны комфорта с согнутой спиной и поменять положение тела, выпрямить спину, нам приходится постоянно следить<\/b> за спиной, это отвлекает внимание, а его и так не хватает — и тогда что? — спина возвращается в привычное положение, а поскольку ощущения мы выключили и все в голове, решаем рабочие задачи — результат налицо.<\/p>\n
\n $\"Сутулая$ \n<\/div>\nЕсть ли метод выпрямить спину без напряжения и отвлечения внимания?<\/h2>\n
Предложу свой. А если взять и почувствовать — разницу?<\/p>\n
Вот прямо взять и почувствовать — посидеть с согнутой спиной, сосредоточиться на ощущениях, поймать эффект, посидеть в этом эффекте, запомнить.<\/p>\n
Потом выпрямиться и проделать тот же комплекс ощущательных упражнений заново, но с прямой спиной. Только выпрямить ее не усилием мышц и «преодолением сопротивления», а простым выпрямлением позвоночника, выставлением его в равновесное состояние, когда усилий как будто и не чувствуется, настолько они минимальны. (Погуглите цигун. Там это — основа).
\nПосидите в этом состоянии. Запомните ощущения.<\/p>\n
И потом — выбирайте, в каком положении было лучше. И всё!<\/p>\n
Ведь мы всегда выбираем лучшее, не так ли?<\/p>\n", "date_published": "2022-09-16T08:58:45+00:00", "date_modified": "2022-09-27T15:05:19+00:00", "image": "https:\/\/burmistrovtarget.ru\/pictures\/sutulaya-sobaka.jpeg", "_date_published_rfc2822": "Fri, 16 Sep 2022 08:58:45 +0000", "_rss_guid_is_permalink": "false", "_rss_guid": "10", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/burmistrovtarget.ru\/pictures\/sutulaya-sobaka.jpeg" ] } }, { "id": "5", "url": "https:\/\/burmistrovtarget.ru\/all\/kak-sdelat-knopku-neaktivnoy-v-tilde-zero-block\/", "title": "Как сделать кнопку неактивной в Тильде (Zero-block)", "content_html": "
(Или как переключать активность кнопки по клику на чек-боксе) — именно такое поведение необходимо, например, когда банк требует, чтобы кнопка оплаты была неактивной ДО согласия посетителя с правилами. Для этого обычно предлагается разместить над кнопкой чек-бокс, выбирая который, пользователь активирует кнопку. Понятно, что в случае html+css вопросов не возникает — у тега<\/p>\n
<button><\/code><\/pre>может быть псевдокласс :disabled, с которым кнопка становится неактивной (отключённой).<\/p>\n Но мы рассмотрим вопрос, как сделать кнопку неактивной, применительно к Тильде, потому что в Тильде нет <button>. И потому что есть способ гораздее<\/b>. Читайте ниже.<\/p>\n Первое, что я обычно делаю, когда возникает вопрос «Как сделать неактивную кнопку на Тильде» — это иду в официальный help<\/a> и смотрю в экран:<\/p>\n \n\n<\/div>\nСледующим шагом можно поискать информацию в сети, но чаще всего там не то, что нужно. \nПосле этого становится ясно, что придётся включить голову и применить знакомые инструменты, а именно:<\/p>\n\nA. Кнопки и шейпы<\/li>\nB. Пошаговую анимацию элементов<\/li>\n<\/ul>\nПервое, что надо сделать — чек-бокс для активации нашей кнопки. \nСделаем его из 2 картинок: неактивный чек-бокс — квадрат, активный — квадрат с галочкой внутри. Сверху разместим невидимую прозрачную кнопку такого же размера. Клик по ней будет запускать анимацию проявления «галочки внутри» чекбокса.<\/p>\n\n\n\n\n<\/div>\n<\/div>\nТут важно, что настроить пошаговую анимацию нужно только для картинки, изображающей выбранный чек-бокс (с «галочкой»). В настройках пошаговой анимации делаем клик по верхней прозрачной и невидимой кнопке триггером, запускающим анимацию. Сама анимация — проявление данной картинки (Прозрачность 0% -> 100%).<\/p>\n Эту же анимацию потом копируем на все остальные анимированные элементы, немного модифицируя эти анимации. Неизменным остаётся только триггер — клик по нашему псевдо-чекбоксу.<\/p>\n Начинаем с того, что делаем неактивную кнопку серого цвета. Примерно вот такую:<\/p>\n\n\n<\/div>\nТут самое главное, чтобы у пользователя не возникло желания на неё кликнуть и с первого взгляда было понятно, что кнопка не сработает. В принципе, совсем необязательно, чтобы это была именно кнопка. Достаточно и просто картинки или шейпа (shape) нужного размера. Нужный размер здесь — это размер точно такой же, как у активной кнопки.<\/p>\n Вторым шагом делаем такую же по форме кнопку, но по виду всю такую «активную»:<\/p>\n\n\n<\/div>\nРазмещаем её точно над первой серой кнопкой. Больше ничего не трогаем. Тут пока самое главное, чтобы кнопка явно кричала: «Нажми меня, Алиса! Я-кнопка!» При этом этот элемент так же не обязан быть кнопкой. Почему? Объясню чуть ниже.<\/p>\n Вы уже догадались, что следующим шагом я с помощью анимации выведу прозрачность у активной кнопки из 0 к 100%, а прозрачность неактивной уберу со 100% до 0?<\/p>\n Я тоже так думал. Но так не работает<\/b>. Потому что даже полностью прозрачная активная кнопка сохраняет свою активность, если она находится в верхнем слое, выше, чем серая. Даже если её не видно, по ней все равно можно кликнуть и перейти. Но её так или иначе придётся скрывать до момента, пока не выбран чек-бокс (хотя бы визуально), так что продолжаем работать.<\/p>\n Анимация красной кнопки — это наша вторая анимация. Эту анимацию мы просто скопируем из первой и применим к элементу красной кнопки, только сделаем так, что она сначала (то есть на Шаге 1) — полностью прозрачна, а на Шаге 2 — полностью проявлена. Триггер — тот же. Серая кнопка точно так же и за то же время «исчезает» ((Opasity = 100->0). (Это уже третья анимация).<\/p>\n Внимание!<\/b> В панели настроек все кнопки должны изначально быть проявлены (Opasity = 100), их прозрачность мы настраиваем только в анимации!<\/p>\n Как же сделать, чтобы кнопка работала после выбора чек-бокса и НЕ работала до его выбора? \nПрименим смекалку и еще один прозрачный шейп.<\/p>\n Итого бутерброд из элементов у нас состоит из 3 этажей:<\/p>\n\nНеактивная серая кнопка<\/li>\n Красная кнопка, делающая вид, что она активная<\/li>\nПрозрачный шейп над этими кнопками, к которому привязан url кнопки и который по сути кнопкой и является. Но изначально он будет стыдливо прятаться за пределами экрана и перейти по нему до той поры, как он займёт своё законное место строго над нашими рисованными кнопками, мы не сможем, потому что его изначально не будет на месте кнопки.<\/li>\n<\/ol>\n\n\n\n\n<\/div>\n<\/div>\n1 шаг анимации. Шейп выведен за пределы видимости из Зеро-блока (удостоверьтесь, что в настройках блока у вас стоит OVERFLOW — hidden) \n2 шаг анимации. Приводим шейп на место кнопки. Всё, кнопка активна! И путешествия прозрачного шейпа по экрану никто не увидит. На этапе настройки можете задать цвет шейпу и некоторую прозрачность, чтобы удостовериться, что он двигается как научили, а не как попало).<\/p>\n Таким образом, клик по триггеру — кнопке над нашим чекбоксом запустит сразу 4 анимации:<\/p>\n \nПроявится галочка внутри чекбокса — теперь он выбран<\/li>\n (и 3) — Серая кнопка станет прозрачной, а красная проявится и станет непрозрачной. Т. к. красная кнопка имеет тень, а анимация имеет длительность (DURATION = 0,2s), создаётся иллюзия, что кнопка «всплывает», обретая одновременно цвет<\/li>\n Из ниоткуда приплывёт прозрачная активная кнопка и накроет своим прозрачным телом красную кнопку. Теперь мы можем кликнуть по этой кнопке и перейти куда надо.<\/li>\n<\/ol>\nОставьте комментарий, если было полезно.<\/p>\n", "date_published": "2022-08-24T16:21:27+00:00", "date_modified": "2022-09-14T15:54:35+00:00", "image": "https:\/\/burmistrovtarget.ru\/pictures\/kak-sdelat-knopku-neaktivnoy-tilda.png", "_date_published_rfc2822": "Wed, 24 Aug 2022 16:21:27 +0000", "_rss_guid_is_permalink": "false", "_rss_guid": "5", "_e2_data": { "is_favourite": false, "links_required": [ "system\/library\/highlight\/highlight.js", "system\/library\/highlight\/highlight.css", "system\/library\/jquery\/jquery.js", "system\/library\/fotorama\/fotorama.css", "system\/library\/fotorama\/fotorama.js" ], "og_images": [ "https:\/\/burmistrovtarget.ru\/pictures\/kak-sdelat-knopku-neaktivnoy-tilda.png", "https:\/\/burmistrovtarget.ru\/pictures\/checkbox-0.png", "https:\/\/burmistrovtarget.ru\/pictures\/checkbox-1.png", "https:\/\/burmistrovtarget.ru\/pictures\/neaktivnaya-knopka-na-tilda.png", "https:\/\/burmistrovtarget.ru\/pictures\/aktivnaya-knopka-na-tilda.png", "https:\/\/burmistrovtarget.ru\/pictures\/shape-knopka-0.png", "https:\/\/burmistrovtarget.ru\/pictures\/shape-knopka-1.png" ] } }, { "id": "1", "url": "https:\/\/burmistrovtarget.ru\/all\/ne-bylo-by-schastya-da-neschastye-pomoglo\/", "title": "Не было бы счастья, да несчастье помогло?", "content_html": " — Что, правда? \n— Или нет?<\/p>\n \n\n<\/div>\nПочему для «достижения» счастья нам нужна иллюзия, что ее достижение требует «платы»? Вы в курсе, кто советовал обратить внимание на птиц небесных, которые не сеют, не жнут.<\/p>\n И что же? Обратим внимание на птиц. Если мы в городе, то увидим мы в первую очередь голубей. Что можно сказать?<\/p>\n \nОбраз жизни голубя особенный.<\/li>\n Вкусы его специфичны.<\/li>\n И для того, чтобы жить свободно, как «Серый голупь» в исполнении Петра Мамонова, остаётся разве стать бомжом.<\/li>\n<\/ul>\n\n«Я гадость, я дрянь. Зато я умею летать», ога.<\/p>\n<\/blockquote>\n Летать, конечно! Как перекати-поле. И довольствоваться тем, что само сыплется в руки, а это, как мы все знаем — только мусор. А как же? Всё «ценное» — за денежку. И не иначе.<\/p>\n Так в чем же соль? Неужели в той самой книге «голубиное счастье» и имелось в виду? — Как-то не верится, знаете ли. Я не доверяю своему уму в таких серьезных вещах, как молниеносное опошление любого услышанного и измерение всего увиденного своими мерками им. Прокруста. В этом он хорош, да, но для ясности это совсем не годится. Ясность какая-то безысходная получается. Не может такого быть!<\/p>\n А что может быть? Что остаётся?<\/p>\n Как ни странно, остаётся включать ощущения. Помните, у всех нас частенько включается «такое ощущение, что тут что-то не то»? Вот и я об этом. Чуять. И понимать.<\/p>\n Не принимать на веру ту лабуду, которую подсовывает ум. (Можно подумать, что кроме лабуды там еще что-то есть)). Да, не принимать за чистую монету всё то, что приходит в голову. Так яснее вроде.<\/p>\n Это первая заметка в данном блоге, а почему выбрано такое название и какой в этом смысл?<\/b><\/i><\/p>\n Всё просто. Просто я только что опубликовал этот блог. \nНо! Этого бы не случилось, если бы минутой ранее я не удалил вместе с черновой базой этого домена (где целый год стоял пустой WP) заодно и вторую базу своего древнего портфолио web4sb.ru<\/a>. (Страшное доменное имя, (как мне казалось когда-то в 2008 году, обозначает «Web для малого бизнеса»<\/b>).<\/p>\n Штош, восстановил, работает) Да здравствует дамп базы! Заодно уж, раз полез в MySQL, настроил и Эгею на данном домене.<\/p>\n То есть по сути я заплатил за развертывание этого блога крушением (и восстановлением) старого сайта? Так можно было?<\/p>\n \n\n<\/div>\nИ первое впечатление об Эгее — по сравнению с плясками с бубнами вокруг WP — это просто небо и земля. Все очень быстро. Практически мгновенно. И просто. Просто работает. Markdown опять же имеется. Это ли не главное? \nСамое главное — то, к чему я не мог приступить целый год на WP, завелось за пять минут на Эгее. Ура.<\/p>\nПродолжение<\/a> следует...<\/i><\/p>\n", "date_published": "2022-08-16T12:36:29+00:00", "date_modified": "2022-08-19T08:52:38+00:00", "image": "https:\/\/burmistrovtarget.ru\/pictures\/ne-bulo-by-schastya.jpg", "_date_published_rfc2822": "Tue, 16 Aug 2022 12:36:29 +0000", "_rss_guid_is_permalink": "false", "_rss_guid": "1", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/burmistrovtarget.ru\/pictures\/ne-bulo-by-schastya.jpg", "https:\/\/burmistrovtarget.ru\/pictures\/krokodile_episode_6.jpg" ] } } ], "_e2_version": 3860, "_e2_ua_string": "E2 (v3860; Aegea)" }