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

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

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

Ссылка на реализацию

Разработка — Роман Баранов

Микропостик, в очередной раз столкнулся с тем, что сафари на ios не подставляет превью для видео. Вспомнил хак с #t=0.001

Если вы используете в формах для номеров телефонов маску, скорее всего это будет 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 рублей — цена, не такая уж и большая
Не миллион, не сто тысяч — сумма вполне земная. Это может говорить:
о будничности моральных компромиссов;
о том, как легко человек может согласиться на сомнительные вещи, если это кажется не слишком опасными «в пределах нормы».

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

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

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