Первый варинат — статичная картинка.

Второй вариант — видео с деталями.

Генеративная заливка — офигенная штука в Фотошопе. Если долго поковырять, можно даже добавить шлем к Memoji.

Там правда много дичи выдает, но если минут 10-15 посидеть, получается даже чуть-чуть сносно)

Когда узнал, что шлем там и так есть: 🗿🗿🗿

Дал ChatGPT 3.5 абзац с числами, попросил отсортировать их и посчитать итоговую сумму.

Он где-то взял новую позицию и ошибся в итоговой сумме.

Я пересчитал и написал ему. Он согласился. Я с ходу попробовал ещё пару раз его прожать.

В итоге он соглашался на каждое моё сообщение. Хотя в изначальном абзаце сумма была 391 800.

В последнее время он резко отупел. Не знаете, что случилось?

Я купил тариф chatGPT за 2400₽ и решил провернуть это снова.

«Ну не может же платный не уметь считать.» — подумал я.

Он четко раскладывает все числа, которые были в абзаце. Аж в столбик и в конечное выражение записал. Тут даём ему с полочки пирожок.

Я скопировал его выражение, вставил в калькулятор и получил другое значение.

То есть я даже ничего не менял, скопировал, вставил — другое значение.

Переспросил, он дал новое. Я уже из второго скопировал выражение — те же 430 300.

У него два разных значения.

Этому «заменителю человека» надо сначала считать научится.

Я слышал, что это из-за того, что люди пытаются разными вопросами вывести его на противозаконные советы + проталкивают повестку.

В итоге от него отрезают мозги. Он становится тупее.

Итог
Правильный ответ — 430 300
На русском — 425 300, 423 300
На английском — 464 000, 433 300.

0 попаданий.

Вердикт:
Валенок сибирский ❄️

Когда у меня есть сомнения, я делаю много вариантов и смотрю на них сверху.

Сейчас делаем список модулей для школы на Геткурсе.

Дизайнер показал мне одно положение статусов — я забраковал. Показал другое — я забраковал.

В итоге зашел в фигму и сделал много много раскладок с этими статусами.

Я всегда так делаю, когда есть сомнения. Когда смотришь на все — сразу понимаешь какой выбрать.

Привеет! 👋

Наконец-то бегу поделиться полезным.

Решил для себя важную задачу, не поверите — убрать рутину оплат сотрудникам. Я как-то незаметно устал от того, что оплачиваю работу сотрудникам каждый день.

Недавно я нанял ассистента и решил придумать, как мне передать рутину оплат ассистенту. Задача была не из простых, но я справился.

Запускаем систему в понедельник, буду обновлять заметку при получении нового опыта.

Много текста, гифки, видео, скриншотики.
https://dev-postnov.ru/delegation-payment-team/

Упростили оценку на мобильном

На ПК оценка из 10 цифр смотрелась окей, на мобилке же 10 пунктов не влезают. Делать меньше шрифт — не пойдет.

Я сначала хотел написать словами 3 оценки, а потом понял, что оптимальнее по размеру и лучше считываться будут смайлики.

Будет проще выбирать. Не надо думать между оценкой 6 или 8.

Тут три состояния:
— херня,
— сойдет,
— топ.

Заметил неприятный баг

Посмотрите, какая разница между этими наборами смайликов.

Верхние считываются слабо.

У них мало цветовой разницы. Они все желтые, но у первого синие слезы. Нет контраста.

Будем менять на смайлики из нижнего блока. Они гораздо контрастнее.

Хорошо считывается злость слева, нейтральное состояние посередине и сердца справа.

Отзывы — отличный материал для поиска проблем

Недо было проводить ревью платформы Геткурс для доклада на конференции.

Я откопал проблемы из свого опыта, но их было мало.

Рылся на просторах интернета, скрёб по сусекам, но было мало.

Потом наткнулся на отзывы приложения Геткурс в сторе и оооо мааай.

Сколько же там годноты насобиралось.

Большая часть отзывов отнотипный муоср. Конструктива 0. Но есть крутые отзывы.

Упрощение оплаты доработок

У нас в продукте Remake 40 клиентов. И когда Геткурс обновляется, у нас в оформлении что-то может сломаться. Вот на днях сломалась группа важных кнопок.

Владельцы в рабочих чатах сразу начали нас тегать: «Ребята, чините».

А там правка на 2000 ₽. Но надо всем 40 клиентам об этом сказать.

А если брать оплату, то это либо каждому писать карту, проверять платеж. Либо создавать счет и акт. На 2000₽.

Я думаю: «Да блин, как же это упростить?». Дошло.

Сделал в платежке уникальную ссылку на 2000 ₽. Они там могут автоматом сформировать счет или оплатить карточкой. А в доп. поле при оплате пишут название школы.

И рассылаю всем клиентам эту ссылку. В конце дня проверяю, какие платежи пришли, и делаю фикс проблемы.

Следующая задачка — объединение клиентов

Следующая задача, сделать так, чтобы объединить клиентов в одном месте.

Сейчас все они подписаны на канал продукта. Их 40, но подписчиков там 250. Этот канал посвящен продукту в общем. Хотелось бы создать ещё один канал, который будет предназначен только для клиентов.

Так можно будет отправлять разные уведомления, которые важны для клиентов.

И давать ссылку не 40 клиентам, а размещать её один раз в этом канале.

Также важные обновления можно будет публиковать там. Текущий канал о продукте не является служебным, он не только для оповещений об обновлениях.

Сейчас его функция — продажа продукта и допродажи.

Он создает впечатление, что продукт не просто был создан один раз. Он регулярно обновляется.

Но для прямой работы со всеми клиентами он не подходит. Нужно что-то другое.

Пока клиентов 40 — это управляемо. Но когда их станет 100, будет сложно по мелким багам обращаться в 100 чатов, даже если это будет делать ассистент.

Осталось это продать клиентам)

Необычная реализация видео на первом экране

Хочу сегодня рассказать о задумке, которую мы реализовали в первом блоке.

У клиента был референс, где видео на фоне. Но мне это не нравилось.

Когда на фоне есть видео или фото, либо текст не читается, либо видео или фото надо приглушать.

Мы сделали иначе. Видео всегда на первом экране и разворачивается на весь экран при наведении.

В видео рассказал и показал как это работает.

Мы узнаем о проблемных местах нашего продукта только из багов учеников.

Когда ученикам школ не нравится, они пишут в тех.поддержку школы, школа пересылает нам.

Но прямого контакта у нас с учениками нет. Многие ученики постесняются написать о проблеме в платформе или подумают, что с ними что-то не так.

Мы решили создать виджет, который будем вставлять в каждую школу. Предвартительно договорившись с руководством.

В правом углу будет появляться компактная форма. Там будем спрашивать об удобстве платформы. Всего 2 вопроса: оценка, фидбек.

Посмотрим, как поведет себя эта гипотеза. Надеюсь мы не будем получать тонну сообщений о непроверенной домашке.

Если вы думаете, что один раз сделаете сайт портфолио и все, спешу вас расстроить

На видео все версии главной страницы моего сайта-портфолио.

И скоро туда добавиться ещё одна 😂

Это я показал вам только главную страницу. Там ещё страница блога, статьи, кейса и других внутренних страниц.

У меня как у дизайнера пресыщение собственным сайтом происходит почти сразу же, как я его доделал.

Максимум я держался полгода. А потом опять садился, дизайнил, верстал и кодил на Wordpress.

А как у вас? 💬

P.S. Храните историю своего сайта-портфолио. Если в будущем заиграет синдром самозванца, просто посмотрите на первую версию сайта. Я смотрю — синдром испаряется 😂

Цифры в фигме и в верстке выглядят по-разному

Как-то раз верстал проект и наткнулся на эту проблему. Часто видел такой баг и у верстальщиков, и у дизайнеров.

Ловите решение.

В фигме этот баг с цифрами решается через настройки текста.

3 точки → Numbers и там есть выбор. Если шрифт поддерживает. Скрин скину в комменты.

А в вёрстке это решается свойством:
font-variant-numeric: lining-nums;

Рассказываю о проблеме с ссылками в меню и показываю решение

Я часто видел этот баг у коллег-верстальщиков, когда верстал сайты и у подрядчиков, которым отдавал макеты на вёрстку.

Проблема в том, что верстальщики чато у ссылок делают не внутренний отступ — padding, а внешний — margin.

Из-за этого область самой ссылки становится меньше и в неё труднее попасть. Особенно это касается мобильной версии.

На видео рассказал и показал, как это работает. Дьявол в деталях.

Если вы верстальщик — обязательно применяйте. Если дизайнер — проверяйте за верстальщиком и сообщайте ему об этом.

Пишу тут пост в Нюансы фриланса про ожидание реакции клиента

С недавних пор начал вот такие зарисовки делать к постам.

С одной стороны кринжуха, с другой стороны необычно.

А вам как?

Меня всегда раздражали превью ссылок в телеграме.

Я бы их с радостью выключил. Потому что пишешь короткое сообщение со ссылой и телега тебе его разматывает на простыню из-за превью ссылки.

Раньше приходилось редактировать сообщение и нажимать крестик, чтобы убрать эту превьюшку. Теперь у телеги появилось окно настроек превью.

Но кнопка удаления не работает вообще.

Вы замечаете такой баг в десктопной версии?

Не знаете случайно как отключить их по-умолчанию?

У меня на них аллергия)

Проблема с загрузкой картинок и решение

В чем баг. Когда картинки просто вставлены и они тяжёлые, у пользователя они сначала имею высоту 0. Потом когда подгружаются начинают появляться. Если картинок много, то сетка будет скакать как ненормальная, потому что появившиеся картинки будут постоянно двигать разные элементы.

Решение на видео. Чтобы проблемы со скачущими загружающимися картниками не было — надо показывать анимированную заплатку. Показать, что элемент грузится и надо только чуть-чуть подождать.

Заметил этот баг на сайте кинотеатра, когда покупал билеты в кино. Картинки долго грузились и вырастали из неоткуда. Сетка скакала, меня это раздражало. Я собрал кучу проблем их сайта, оформил в статью и отправил к ним в тех.отдел.

Поблагодарили, подарили билеты)

Решение на codepen
Аудит сайта кинотеатра

Под фоновым изображением нужен цвет

Это маленькая деталь, которая может испортить первое впечатление от сайта.

Недавно в нашем проекте такой казус произошел.

Нельзя рассчитывать, что картинка у всех загрузится моментально. У многих людей может быть медленный интернет.

И если картинка имеет какой-то фоновый цвет, надо в вёрстке именно его поставить под фото.

На случай, если фон не покажется, у нас не будет такой топорной прогрузки, как на гифке.

В коде можно перечислить фоновое изображение и за ним сразу же фоновый цвет.