Если вы используете в формах для номеров телефонов маску, скорее всего это будет imask, хорошая библиотека, но если пользователь вводит номер с 8 - получится +7 (8, и номер телефона съедет, последний символ не поместится, заявка будет потеряна, ранее для этого было решение, с передачей коллбэка в prepare, но как оказалось оно не работало с автозаполнением, поэтому я написал небольшой фикс, и делюсь с вами

Новый интересный баг в сафари, если у фиксированного элемента (например попап) высота будет 100%, при скриншоте скроллящийся блок внутри будет проскроллен вверх D:

Решение (мой кейс) задать фиксированному элементу размер в абсолютном значении (например height: 100vh; height: 100dvh;), а на внутренний height: inherit;

завтра выступаю с докладом в юшине, но кто не записался - не попадет

Выступил на митапе KozhinDev, вайб бешеный, все за что-то хвалят, было круто

а вот и обещанная ссылка на презентацию

Так же открыл комменты, спрашивайте🥸

Получил фидбэк, что интересно бы посмотреть в лайве сайты, которые я показывал на митапе, держите:
Виза центр
Rotormine
Биотех
Certus finance
Энтузиаст
Чипса
БКК
0101
Заграница
Премонт
Дары малиновки
Спортэкс
Промит
Опора Сибири

Так же задавайте свои вопросы по проектам - будет контент для канала

Ребята с митапа просили список ссылок с полезной информацией для начинающих (и не только) креативных разработчиков. Делюсь и с вами:

1. Для всех, кто хочет начать свой путь в three.js крайне рекомендую курс (https://threejs-journey.com/) от Bruno Simon. Курс стоит сущие копейки, доступ дается на всю жизнь, при этом контент обновляется. В данном курсе Бруно разбирает работу с 3д по полочкам с нуля и до достаточно продвинутого уровня (есть отдельная секция про шейдеры, где всё очень понятно, есть уроки где реализуются игры с использованием движков для физики)

2. Многие фронтендеры в начале пути хотят найти какие-то видеокурсы и прочее по React. На этот счёт у меня есть две отличных ссылки: документация реакта (https://react.dev/learn) и документация некста (https://nextjs.org/learn), так как скорее всего в коммерческих проектах, вы не будете использовать реакт без фреймворка. Ну и здесь обязательно должно быть это - https://news.1rj.ru/str/temaProg , ищите его доклады на HolyJS, они просто имбище

3. Для работы с JS-анимациями есть два отличных ресурса, в зависимости от того используете ли вы React. Если не используете — документация gsap (https://gsap.com/docs/v3/). Если используете, как по мне, удобнее framer-motion (https://www.framer.com/motion/). И там и там есть разделы с примерами кода, прочитанной документации. Данных примеров хватает, чтобы создавать мощные анимации.

4. К позору на мою седую голову, забыл канал главного вдохновителя, где можно посмотреть на всякие шейдеры, включая реализацию! Всем подписаться https://news.1rj.ru/str/mazhugagl

Блин, все вокруг болеют, сезон простуд, так что не могу не поделиться рецептом адского пойла. Вычитал его лет 15 назад в газете а-ля «здоровье», лечил им маму, жену, себя, а на днях вылечил своего лида. Сейчас пойду готовить сам кста.

Вам понадобятся: черный перец горошком, гвоздика, имбирь, кардамон. Крошим все это в труху, закидываем в кастрюлю, наливаем туда полторы кружки воды, добавляем чуток корицы, кипятим, после заливаем в кружку, мед по вкусу, выпить и спать под одеяло.

Надеюсь пригодится, делитесь, распространяйте, ставьте колокольчик.

А вот и видео с доклада подъехало

А вот и статья, про сайт, который я разрабатывал. На самом деле в процессе разработки два раза выступал с докладом, очень крутой проект получился, читайте, задавайте вопросы - постараюсь ответить

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

Помните, мы недавно рассказывали о создании сайта Rotormine? Так вот сегодня мы опубликовали статью, в которой рассказали в деталях как проходил процесс разработки. Данный сайт — отличный пример нестандартного подхода к представлению классического интернет-магазина и креативного проморешения. Желаем приятного чтения.

https://vc.ru/design/1603019-matematicheskaya-razrabotka-i-vizitki-iz-metalla-kak-my-sozdavali-dizain-dlya-magazina-premialnyh-chasov

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

Голова в пакете.

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

Место действия — какая-то квартира. В ней всё достаточно забардачено и грязно. Дверь справа — балконная, открыта настежь. С улицы бьёт яркое утреннее солнце. Не рано-утреннее, а где-то часиков десять, казалось: машины и люди уже вовсю двигались по своим делам, поэтому, думаю, был будний день именно этого времени.

Дверь слева — шум: кто-то постоянно ходит и выносит какие-то вещи. Освещения оттуда не ощущается, только полумрак в коридоре.

Передо мной стоит человек. Я не вижу его лица — только руки и туловище. Почему-то вспоминается «Матрица», когда Нео предлагали таблетки, но мне предложили совсем другое: 22 000 рублей, если я выкину пакет с головой. Этому человеку нужно было спрятать труп — так, чтобы его никто не опознал, — поэтому он отрезал голову и попросил меня выбросить её в мусорку на улице. Я взял пакет, осмотрел: голову было видно не слишком хорошо. Пакет белый, матовый, едва прозрачный; силуэт считывался, кровь тоже, но я почему-то легко согласился. Я думал, что сейчас быстро выскочу на улицу и скину пакет в первую попавшуюся мусорку.

Но во дворе мусорки не оказалось. Я вышел на улицу, шёл, осматриваясь, но нигде не было баков. Все дворы были закрыты заборами, и я не мог зайти на их территорию. Я шёл и думал: поймёт ли кто-нибудь, что я иду с головой в пакете, или нет? Никто не обращал внимания. Пару раз я сам оглядывался на пакет и видел, что силуэт головы хорошо виден, но это всего лишь силуэт: если не присматриваться, то и вправду непонятно.

В общем, шёл я так какое-то время, пока не вышел из центра и не оказался рядом с каким-то бедным двором. Это была пятиэтажка: на площадке играли дети, а на лавке лысый мужик в белой майке с наколкой и папиросой пил водку. Двор не был ничем огорожен, и я, к радости, спокойно зашёл в него. Недолго думая, я поднялся в подъезд и спустил пакет в мусоропровод. Что было дальше — не помню; кажется, я просто проснулся. Может сегодня вторая часть приснится, скрещу пальцы.

Ну и какова же тут сакральная тайна этого сна? Кто б его знал, но вот песню Кровостока "Голова" я тут же приятно вспомнил в своей голове, когда открыл глаза.

Очень яркий и детально запомненный сон, с сюжетом, атмосферой и мощным визуальным рядом. Попробуем аккуратно его проанализировать — не буквально, а символически и психологически. Сны такого рода редко говорят о чём-то прямолинейном — чаще всего это метафора.

🔪 Голова в пакете — что это может значить?
1. Голова как символ разума, личности, идентичности. Во сне тебе предлагают отделить голову от тела и избавиться от неё. Это может быть:
желание (или давление извне) отказаться от собственных мыслей, убеждений, ответственности;
вытеснение чего-то важного, например, сильных чувств, воспоминаний, части себя, которую хочется «выбросить»;
или же — чужая идея, чувство вины или секрет, от которого ты как бы добровольно соглашаешься избавиться за деньги — за небольшое, но реальное вознаграждение.
2. Сам пакет — матовый, полупрозрачный. Ты видишь, что внутри, но окружающим не видно. Метафора чего-то, что ты понимаешь и осознаёшь, но окружающие не замечают. Это может быть:
тайна;
тревога, которую ты носишь внутри;
чувство вины;
или просто информация, которая может «вскрыться», если присмотреться внимательнее.

🚶‍♂️ Путь с пакетом — психологический процесс
Ты идёшь по городу и пытаешься избавиться от груза. Это напоминает:
поиск выхода из моральной дилеммы;
движение от центра к периферии — от сознательного (город, движение, день) к бессознательному (бедный двор, подвал, мусоропровод);
а также — процесс вытеснения: хочешь выбросить, чтобы никто не нашёл, и чтобы не ты сам больше это не видел.

🏚️ Двор с алкашом и детьми — граница между двумя мирами
Это контрастный символ:
дети — символ чистоты, будущего, уязвимости;
мужик с наколкой и водкой — грубость, животная сторона, бессознательное;
открытый двор — наконец, место, где ты можешь спокойно избавиться от того, что тебя тяготит.
Это как граница между "цивилизованным" Я и примитивным, животным "Оно". И именно туда ты несёшь то, от чего хочешь избавиться — в глубины бессознательного (мусоропровод как символ «психологического подвала»).

💰 22 000 рублей — цена, не такая уж и большая
Не миллион, не сто тысяч — сумма вполне земная. Это может говорить:
о будничности моральных компромиссов;
о том, как легко человек может согласиться на сомнительные вещи, если это кажется не слишком опасными «в пределах нормы».

🎵 Цитата про "Кровосток" — важный финальный штрих
Ты вспоминаешь песню «Голова», которая сама по себе мрачная, тревожная, с абсурдным, но реалистичным криминальным подтекстом. Это подсказывает:
у сна может быть связь с культурным фоном, переживаниями, впитавшимися через музыку, фильмы, тексты;
черный юмор, постирония, абсурд как способ обработки тревоги — и во сне, и в реальности.

📌 Итог: о чём может быть этот сон?
Этот сон может быть о попытке избавиться от чего-то опасного, постыдного или чужого, что тебе «впихнули», за деньги или в рамках ситуации. Это может быть внутренняя моральная дилемма, метафора вытеснения, чувство вины или тайны, которую ты хочешь скрыть. При этом ты чувствуешь, что никто вокруг не видит твоей ноши, и это парадоксально успокаивает.

Если хочешь, можем интерпретировать его ещё с юнгианской стороны — через архетипы Тени и Пути Героя. Или можно попробовать поработать с этим сном как с текстом — сделать из него рассказ, сценарий, комикс или рэп. Напиши, если интересно.

⚡️⚡️⚡️Вайб-кодинг — игрушка дьявола🤡🤡🤡

В силу специфики своей работы, СБ не позволит опробовать курсор в рабочих проектах. Но тут, наконец, отпуск, и я добрался до своего маленького пет-проекта. Поставил себе цель: ни строчки руками, только промпты. Пару раз всё-таки добавлял консоль-логи — просто чтобы понять, чего именно он там напортачил.

И вот первое впечатление — охуеть, оно работает. За ленивый час накидывания промптов я почти собрал MVP. Нюансом в жопе было это самое почти. Что очень понравилось — исторически, я никогда не настраивал сборку линтер и прочее, всегда было что-то готовое, либо просто через CLI. А тут такой промпт: "инициализируй проект, используй vite для сборки, react-router для роутинга, fsd-архитектуру без папки processes — и вуаля, всё готово, можно кодить. Потом захотелось уже и бэкенд, и страницу для C, и страницу для U (CrUd в моём случае), и БД бы какую-то, но разбираться в этом не хочется — и всё, у меня уже express + mongo подняты, веб-сокеты настроены, всё крутится. Даже с дизайном было лень париться — MUI не хочется дефолтный, попросил "а давай как будто под Apple Vision Pro" — он и стилизовал так, что моему глазу приятно.

Но, как говорится, конфетно-буфетный период быстро заканчивается. Первое, что бросается в глаза — это просто зверский говнокод. Может, это и можно было избежать, если бы я сразу задавал точный контекст или каждый раз напоминал, что мне не надо 20 стейтов и 10 эффектов в одном компоненте. Структуру он тоже забывает. Но в этом проекте я был не разработчиком, а БИЗНЕСОМ. И решил, что в угоду скорости можно немного пожертвовать качеством — с рутиной он справляется быстрее меня. Проблема только в том, что говнокод — это плодородная почва для багов. И, что бесит, курсор, как и любое ИИ, всегда с тобой согласен: "Ой, да, ты прав, всё исправил, теперь точно заработает!" И ты такой — ура, а через пару минут — опять не работает.

В итоге: за вечер почти MVP, а через три дня всё ещё сижу над "почти", потому что постоянно что-то отваливается или ведёт себя не так.

Ещё момент — настолько пофиг было, что даже репу не завёл. Я же просто балуюсь. Промптов тонна, код генерится, а следить за тем, что он там понаписал — лень. Принимаю всё, что предлагает, потому что я — БИЗНЕС, а не РАЗРАБ. Но в итоге, чтобы починить одну фичу, может уйти 20–50 промптов. А ещё он периодически начинает думать, что он умнее всех, и выпиливает какие-то милые мне штуки, ломает то, что вчера работало. Вот вчера, глядя на большой прогресс по основному функционалу, подумал — напишу пост. А сегодня опять сижу, чиню то, что он сам же и сломал.

Короче, да, я за короткий срок получил результат, на который руками ушло бы больше времени. Если бы я подходил к этому вдумчиво — всё бы, скорее всего, было проще. Но это был эксперимент — я специально "не думал". Сейчас план: добить MVP, наконец-то завести репозиторий, расписать roadmap, всё делить по фичам и веткам, чтобы он мне ничего больше не снёс к чёрту.

Что думаю про вайб-кодеров, которые без ИИ вообще не умеют — да не заменят они обычных. Если кодишь бездумно, лимит полезных промптов быстро исчерпывается. Да и времени уходит всё равно немало — а это при том, что я ещё какие-то рамки задал. В целом, курсор — топ инструмент для рутины. Если есть возможность, надо заставлять машину пахать за тебя, даже ценой снижения качества — оно не так уж критично (если не считать откровенно помойные компоненты с миллионом стейтов и эффектов). А вот по скорости — прям заметный буст.

⚡️⚡️⚡️ Релизим MVP 🤡🤡🤡

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

Пошёл по классике: попросил любимого системного админадевопса накидать план — что купить, куда установить, что вообще делать. Пошёл покупать VDS, попросил поставить mongodb, pm2, а дальше решил помучать курсор.

Сначала попросил курсора чекнуть .gitignore, чтоб ничего по типу модулей не улетело в репу, я же бэк сам не писал, мало ли чо там может быть. Скормил ему адрес ремоута, дал команду инициализировать репу — всё вроде норм. Потом говорю ему: "Дай мне GitHub Actions конфиг, не хочу деплоить руками". Он такой, ага, и сразу впихнул туда ещё и конфиг для PM2, рассказал, куда пихать секреты гитхабовские.

CI/CD, разумеется, начал падать, а я начал сыпать в него ошибками. Он — фиксить. Классика.

Когда наконец запустили pm2 процесс на сервере, возник вполне логичный вопрос: а куда вообще кидать файлы, и по какому пути их должно открыть? Вспомнил про nginx. Попросил курсора подсказать, как его настроить. Он выдал конфиг. Я — не понял, куда его сувать. Спросил: "Можешь сам проверить?" — он такой, ок, лезет на сервер по ssh. Через пять минут мне надоело вводить пароль по каждому чиху — сгенерил ему ключ, теперь пошло бодрее.

Оказалось, на сервере роутингом рулит апач. Он сам его выпилил, накатил nginx (вроде он и был уже), закинул конфиг, всё поднял.

Казалось бы — победа. Но нет. Хэндшейк у сокетов не происходит на устройствах, которые коннектятся к лобби. Первое подозрение — нет сертификата. Говорю: "Поставь". Он опять сам зашёл, всё накатил, настроил.

В процессе всё так же много промптов, что-то где-то ложится, и нашёл действительно сложную часть для курсора, если он где-то просирает скобку - починить это ему очень сложно, советую всем сразу просить рефакторить файл на несколько мелких, в процессе и скобки где надо закрываются, и обрабатываются быстрее и говнокода меньше.

Продолжение в источнике... завтра