Художник-разработчик Александр Перин выпустил простую браузерную игру про кота-машиниста трамвая, который развозит хвостатых пассажиров по живописной местности под расслабляющие звуки. Автор проекта несколько лет рисовал каждую часть деталь игры вручную графитом на грубой бумаге.
Большое PvE-событие на сервере Selectel в Minecraft
Всем привет! Кажется, мобы на нашем игровом сервере окончательно вышли из-под контроля. Дайте им отпор, станьте последним выжившим на Арене и получите призы.
Вот как все будет происходить
Сегодня в 19:00 мы запустим на Арене зомби-апокалипсис — большой PvE-ивент. Участникам предстоит отбиваться от волн зомби, криперов, скелетов, пауков и других агрессивных мобов. Тот, кто останется последним, победит.
Доступ на Арену откроем из лобби в 18:50. Кстати, туда не получится взять все то, что вы уже добыли в Выживании, поэтому все игроки будут в равных условиях. На Арене ищите сундуки с ценным лутом — инструменты, броня и еда вам пригодятся. И постарайтесь не провалиться в лаву и не застрять в паутине.
Поучаствовать смогут все, кто перед началом ивента зайдет на Арену. Но призы мы сможем отправить только зарегистрированным пользователям. До встречи в игре!
И небольшой апдейт. На прошлой неделе мы немного поэкспериментировали, создав отдельный мир с общедоступным креативом для всех желающих. Решение было интересным, но неверным. Закрыли обратно :)
Пользователь сделал ролик про Ikea с помощью нейросети Veo 3. На видео из коробки с логотипом компании выпускаются наружу мебель и предметы домашнего интерьера, обставляя пустую комнату.
Автор поделился промптом. В нём, помимо прочего, указаны стиль, угол съёмки, освещение, объекты, которые должны появиться в кадре.
{
"description": "Cinematic shot of a sunlit Scandinavian bedroom. A sealed IKEA box trembles, opens, and flat pack furniture assembles rapidly into a serene, styled room highlighted by a yellow IKEA throw on the bed. No text.",
"style": cinematic",
"camera": "fixed wide angle",
"lighting": "natural warm with cool accents",
"room": "Scandinavian bedroom",
"elements": [
"IKEA box (logo visible)",
"bed with yellow throw",
"bedside tables",
"lamps",
"wardrobe",
"shelves",
"mirror",
"art",
"rug",
"curtains",
"reading chair",
"plants"
],
"motion": "box opens, furniture assembles precisely and rapidly",
"ending": "calm, modern space with yellow IKEA accent",
"text": "none",
"keywords": [
"16:9",
"IKEA",
"Scandinavian",
"fast assembly",
"no text",
"warm & cool tones"
]
}Компания Range Rover впервые с 1970 года обновила визуальную айдентику и представила свой новый минималистичный логотип из двух вертикальных букв «R» — одна из них инвертирована. Новый знак дополняет классический логотип, но не заменяет его.
В компания отметили, что ребрендинг приурочен к выходу первого электромобиля Range Rover, который ожидается в конце 2025 года. Новый логотип будет использоваться в рекламных материалах, на этикетках, аксессуарах и элементах интерьера.
Где учиться дизайну
Привет! Мы на Хабр Карьере собираем сотни онлайн-курсов для тех, кто хочет освоить специализации в IT или digital или прокачивать навыки, чтобы, например, расти в квалификации.
Сегодня собрали подборку обучений для тех, кто хочет учиться дизайну с нуля и для тех, кто уже в профессии, но чувствует, что хочет прокачать навыки. Вообще все курсы по специализации можно посмотреть здесь, а ниже оставляем ссылки по ключевым навыкам:
Проектирование удобного и понятного интерфейса. UX отвечает за логику и поведение, UI — за внешний вид. Вместе делают цифровой продукт понятным и приятным в использовании.
Комплексный подход: дизайн, аналитика, пользовательский опыт и цели бизнеса. Продуктовый дизайнер думает не только о кнопках, но и о том, как продукт решает задачи людей и приносит прибыль.
Создание визуального контента: от постеров и логотипов до иллюстраций и айдентики. Помогает донести идею через форму, цвет и композицию.
Дизайн, который работает на смысл: как визуально передать сообщение, усилить бренд и сделать коммуникацию понятной. На стыке маркетинга и дизайна.
Разработка внешнего вида сайтов и веб-приложений. Включает структуру страниц, визуальные элементы и адаптацию под разные устройства — всё, чтобы пользователю было удобно.
А еще мы всегда говорим, что кроме хард-скилов важно прокачивать софты — такие курсы на маркетплейсе тоже есть. А если хочется поменять вообще все, то там же вы можете найти обучение в другой сфере. Просто переходите в раздел и выбирайте, чему хотите научиться.
А чтобы вы могли проверить качество курсов, мы собираем отзывы о тех, кто уже прошел обучение — так что читайте и выбирайте лучшее для себя.
Прощайте, танцы с бубном! Figma наконец-то добавила эффект стекла iOS 26
Дизайнеры, кто помнит, как мы страдали, пытаясь повторить "стеклянный" эффект из новенького iOS 26 в Фигме? Эти попытки создать блюр при помощи костылей, которые съедали все нервы...
Отныне можем выдохнуть.
Только что Figma Desktop встретила меня радостным попапом: "БРООО! ОНО ВЫШЛО!".
Речь идёт о новом фильтре "Glass Effect" (см. превью), который теперь официально доступен. И даже есть коммьюнити-проект от Apple с пояснениями, как им пользоваться.
Если коротко: Figma добавили отдельный фильтр во вкладке "Effects". Но учтите: работает он только на фреймах. На обычных шейпах применяться не будет.
Бьюсь об заклад, что в ближайшее время в Pinterest появится куча новых проектов с использованием этого эффекта. Мне вот только интересно, что разработчикам делать? Уже есть спецы могущие перевести этот эффект в код?
Andrew Yaros воссоздал Apple Lisa. Это один из первых ПК, где появился курсор, иконки и окна в привычном нам виде. Визуальная система, типографика и поведение интерфейса сохранены точно как в оригинале.
Lisa стоила 9995 долларов, не выдержала конкуренции, но задала основу, по которой до сих пор строится графический интерфейс. Теперь её можно запустить в пару кликов и буквально вернуться в момент, когда интерфейсы только начали обретать форму.
Обожаю эстетику, в которой всё подчинено структуре: минимум элементов, монохром, строгость. Залипла уже на пол часа. Ностальгируем с удовольствием тут
Марта Шкрета — одна из авторов научной статьи «Feynman-Kac Correctors in Diffusion: Annealing, Guidance, and Product of Experts» (arXiv:2503.02819). В работе описывается применение корректоров Фейнмана — Каца, теоретически выверенной процедуры коррекции траекторий в уже обученных диффузионных моделях, позволяющей генерировать выборки точно из новой, заданной пользователем плотности, а не полагаться на эвристическое смешение скоров.
Статья получила приглашение на International Conference on Machine Learning этого, 2025 года. В рамках конференции ICML в числе прочих форматов проводятся постерные доклады в выставочном зале. В данном формате в отведённый слот времени авторы прикрепляют плакаты одного из типовых размеров (рекомендуется до 182 см в длину) и общаются с любым подошедшим участником. По сути, это сотни одновременных мини-презентаций для тех, кого не посчитали достаточно интересным для большого доклада.
При всей сложности научной работы Шкреты и её соавторов команда подошла к оформлению своего постера с юмором. Авторы воспользовались созвучием сокращения англоязычного написания «Feynman — Kac formula» и названия сети ресторанов быстрого питания KFC. У себя в микроблоге Марта выложила фотографию постера. Заметно, как дизайн постера повторяет шрифты и прочие элементы оформления ресторанов с курятиной, а текст обильно снабжён разнообразными отсылками к еде и её приготовлению.
Эстетика-юзабилити
Всем привет, на связи Вадим, я BI-аналитик и хочу затронуть тему интересную для меня тему. Мой канал в тг: https://t.me/breaking_data
В UI/UX-дизайне и BI-аналитике в частности есть такой эффект - эстетика-юзабилити. Основывается он том факте, что люди воспринимают "привлекательные" продукты как "удобные" и "полезные", даже если никаких отличий от аналогов нет. Важно отметить, что данный эффект работает только в тех случаях, когда никаких значимых технических или функциональных отличий у продуктов нет.
Подсмотрел этот термин у @nastengraph в отношении dataviz'a, но его вполне можно экстраполировать и на другие сферы. Не хочу быть Тайлером Дерденом, но мы живем в мире фаст-фуда. Уйма компаний построены лишь на факте того, что их Бренд или продукт были более "привлекательными" для потребителей:
Telegram - на момент его выхода уже существовал What's Up и был монополистом.
Apple с Iphone - десятки и сотни брендов, боровшиеся за первенство, но все решил пользовательский опыт. Сегодня в целом трудно представить как рынок смартфонов (читать "рынок монополий"), мог быть зеленым, где не было яркого лидера.
Яндекс - долгое время в лидерах российских браузеров был Рамблер, кто-то вообще помнит что это?
FaceBook - да, сегодня этому явлению трудно подобрать определение, но когда-то это был ультимативнопрорывной продукт, затмивший остальные соцсети.
Все вышеперечисленные компании - это IT/Tech сектор. Можно разобрать и более низкоуровневые примеры бытовой жизни.
Например, почему мы выбираем одну кофейню, хотя рядом может быть дешевле и вкуснее? Часто — из-за атмосферы, шрифта в меню, музыки, света и логотипа на стаканчике. Та же история с супермаркетами, где "упаковка" важнее продукта. Или с автомобилями, где бренд и "статус" и составляют ценность.
Что это значит?
Визуальная подача - имеет значение. В аналитике, жизни, при создании своих проектов всё это не только «про красоту», но и про доверие, удобство.
Мораль: эстетика — это не просто "украшение". Это часть восприятия юзабилити. Не только в BI, где «понятный» отчет часто означает «эффективный» отчет, или любом другом продукте. Красота может и не спасти плохой продукт, но точно может дать хороший шанс среднему (Хотя Феррари до сих пор покупают, возможно, силы эстетики еще изучены в недостаточной степени)
Исследуйте мир Selectel в Minecraft
Сначала мы хотели просто поиграть в Minecraft с коллегами. Но в какой-то момент поймали себя на мысли, что достраиваем копию очередного нашего дата-центра, да и в целом построек получилось довольно много. Тут-то мы и решили, что пора открыть сервер для всех желающих.
Переходите на сайт, регистрируйтесь и получайте доступ. В игре вас ждут:
Выживание — классический режим с нормальной сложностью, где можно строить, исследовать, добывать. В общем, заниматься типичными майнкрафтовскими делами. А чтобы было веселее, мы добавили туда ежедневные несложные задания с внутриигровыми наградами (железные ботинки или алмазный меч всегда пригодятся). Но можно унести и вполне реальные призы: плюшевых тирексов, носки, кепки и прочее. Для этого нужно искать в деревнях коды сообщать их Telegram-боту (один код = один приз).
Креатив — та часть сервера, где находятся наши дата-центры, музей технологий, необычные постройки от игроков и так далее. С Креативом по умолчанию нельзя взаимодействовать, можно только смотреть. Но если вы проявите свои таланты строителя в Выживании, то сможете добавить сюда свою постройку.
Арена — локация, которую мы открываем только по четвергам для проведения больших PvP- и PvE-событий. Побеждайте и выигрывайте плюшевых тирексов и другие призы от Selectel.
Теперь немного скучной, но важной информации. Играть можно только с ПК. У вас должна быть установлена копия Minecraft Java Edition 1.21.5 или новее. В целом, на этом все. Регистрируйтесь, чтобы получить данные для входа и быть в курсе всех новостей (а еще чтобы получить приз, если победите) и присоединяйтесь к игре.
Представлен открытый проект под названием GenCAD: Image‑conditioned Computer‑Aided Design Generation with Transformer‑based Contrastive Representation and Diffusion Priors. Этот сервис превращает любые чертежи сразу в 3D-модель с кодом CAD. На входе обычный чертёж, на выходе — готовая 3D CAD-модель и вся история её построения с параметрами и командами, как в SolidWorks или Fusion.
🚀 День 12 как работаю над нашим конструктором форм!
- Сделал получше интерфейс для компонентов
Прорабатываю компоненты под разные страны, хочу сделать локализацию под страны которые занимают наибольшую долю в интернете:
Английский - 49.2%
Испанский - 6.0%
Немецкий - 5.8%
Японский - 5.1%
Французский - 4.4%
Португальский - 4.0%
Русский - 3.8%
Итальянский - 2.8%
У меня украли дизайн сайта, что мне делать?
Начнем с того, что правообладание дизайном сайта надо правильно задокументировать. Для этого нельзя отказываться от депонирования портала и патентования используемого визуала как промышленного образца. Это довольно распространенная практика, так делают, например, Яндекс, Сбер и многие другие компании.
Если эти параметры соблюдены, то при обнаружении факта нарушения — действуйте по следующему алгоритму:
Во-первых, обратитесь к нотариусу, зафиксировав, что некто использует ваш дизайн в собственных интересах. Должностное лицо осмотрит проблемный сайт и выдаст соответствующую бумагу;
Во-вторых, напишите собственнику портала, допустившему нарушение, официальную претензию. Требуйте удалить то, что вызывает вопросы;
В-третьих, если нарушитель не реагирует на ваши просьбы, то обращайтесь в суд. Предъявите все имеющиеся доказательства несоблюдения ваших прав (протокол осмотра, составленный нотариусом, патент, договоры подряда, заключенные с разработчиками ресурса, акты, фиксирующие передачу интеллектуальной собственности, и многое другое). В большинстве случаев — суд удовлетворяет претензии правообладателя. С нарушителя взыскивают компенсацию.
Отметим, что заявитель чаще всего требует от 10 тысяч до 5 млн. Однако суд принимает сбалансированное решение, учитывая все обстоятельства дела. Поэтому — преимущественно такие дела завершаются выплатой компенсации до миллиона.
А можно не через суд действовать?
Попробуйте.
Напишите запрос руководству поисковиков, потребовав удалить сайт, чьи владельцы скопировали ваш дизайн, из выдачи. Для этого используйте формы обращений:
Сообщить о веб-спаме и «Фишинг» (Google);
«Пожаловаться на результаты поиска» (Яндекс).
Обратитесь к регистратору проблемного домена. Предъявите ему все доказательства, подтверждающие ваши правомочия, и портал-нарушитель, скорее всего, будет заблокирован.
Что еще нужно сделать собственнику любого ресурса, чтобы обеспечить юридическую защиту его от копирования?
Как и говорилось ранее, сохраните все договоры, регламентирующие процедуру разработки интернет-портала по заказу;
Сформулируйте и разместите в публичном доступе «Условия использования сайта»;
На публикуемом фото и видеоконтенте — ставьте «водяные знаки»;
Пристально следите за конкурентами, мониторя интернет.
____________________________________________________________________________
Здесь можно защитить сайт с помощью патента на дизайн.
Из разговора с потенциальным клиентом…
Клиент: Сколько страниц будет входить в аудит?
Я: Неизвестно. Почему неизвестно? Потому что у меня нет цели написать определённый объём правок и замечаний. Сколько их увижу — столько и зафиксирую. Если бы я проаудировал систему и не нашёл в ней ни одной проблемы — размер документа не превышал бы одной страницы.
Тут сразу пара моментов, которые хотел бы подсветить.
Я раньше, когда работал над документацией, считал, что «чем объёмнее — тем лучше». Это ещё со школы и универа. Реферат должен быть на пять листов. Эссе на семь. Доклад на три.
Акцент был на форме, а не на содержании. И это ужасно. В начале двухтысячных, когда работал в компании Webmaster.Spb проектировщиком, клиентам нравились толстые ТЗ. Точнее, представителям клиентов. Менеджерам. Сами-то клиенты эти ТЗ не читали, насколько мне известно.
Из строительной тематики тоже была клёвая байка, которую мне рассказал один из клиентов: «Я однажды сдаю своему шефу пачку документации высотой в два сантиметра. А он смотрит на неё и пальцами показывает три сантиметра. Вот столько, говорит, надо. Возвращайся, когда будет пачка высотой в три сантиметра».
Это первый момент. А второй — если во главе стоит форма, а не содержание, то это сродни проектированию главной страницы сайта, когда всё остальное ещё не готово. Спроектировал главную за час, а потом пятьдесят часов подгоняешь остальные сто страниц под неё. Вместо того, чтобы сделать всё без ограничений, а главную рисовать уже в самом конце, когда весь проект будет понятен. В виде вишенки на торте.
Иногда ещё, знаете, решишь написать статью. И придумываешь ей заголовок «пять ошибок начинающих проектировщиков». И вот четыре ошибки легко расписал, а пятую никак придумать не можешь. И сидишь, мучаешься, тратишь время. А мог сначала статью написать, ограничившись четырьмя ошибками, а затем уже заголовок придумывать.
Прикиньте, кто-то сначала бы придумал тематику: пять начал (законов) термодинамики. И после четвёртого сидел бы и страдал.
Возвращаясь к моим аудитам: у меня нет задачи найти конкретное количество косяков. Задача — проверить, достигают ли пользователи интерфейса своих целей. Если достигают — и отлично! Радоваться надо, что в моём документе будет одна строчка текста («Всё идеально, красавчики»). Это как на чек-ап пойти ко врачу и переживать, что ничего не нашли.
К сожалению, на практике такого ещё ни разу не было. Всегда что-то нахожу.
П.С.
Представляете, я бы сказал, например: «Четыре страницы». Сделал бы аудит и нашёл бы ошибок на две страницы. И что бы делал? То же, что в школе и универе? (здесь должна быть какая-нибудь эмодзи с льющейся бессмысленной водой)
🛠 День 10: Разработка полным ходом.
Хочу поделиться прогрессом по нашему новому продукту, постарался тезисно собрать все что есть на данный момент:
📱 Мобильная версия
Полнофункциональный интерфейс на телефоне- Можно создавать формы и просматривать ответы прямо с телефона
🔧 Конструктор форм
Drag & Drop
Автосохранение
Заголовки (title, description)
Брендинг: обложка, логотип (картинка, текст или эмодзи)
20+ типов полей: текст, email, телефон, рейтинги, файлы, дата, время
Бизнес-поля: ИНН, ОГРН, КПП, БИК, СНИЛС, паспорт - с валидацией и проверкой хеша
Рейтинги: 1-5 звёзд, 1-10
🌐 Переводы
Уже есть RU / EN- Скоро сделаем ещё 48 языков
🗂 Папки и доступы
Папки с правами доступа - удобно делиться с командой
Уровни доступа:
Владелец - полный контроль
Администратор - всё, кроме удаления папки
Редактор - формы и ответы
Редактор форм - только формы
Оператор - только просмотр/обновление ответов
Платежи - доступ только к платежам
📋 Управление формами
Поиск, фильтрация, сортировка
Дублирование и удаление
Шаблоны
🔗 Публикация
Короткие ссылки (/f/abc1234)
QR-коды
Виджет для встраивания в сайт (iframe)
SEO-метатеги
Превью формы в соцсетях (OG, Twitter) с картинкой
SSR-рендеринг форм
📊 Ответы и аналитика
Фильтрация по дате, форме, IP
Экспорт ответов в CSV
📎 Файлы
Поддержка 20+ форматов
Превью: изображения, PDF, CSV, текст и др.
Как я случайно сделал ферму в Telegram с помощью ИИ
— История одного бота, картошки и чёртовой тыквы
Всем привет. Я — человек, который однажды хотел просто сделать прикольного бота в Телеграме, а в итоге... выращивает капусту, торгует молоком и организует тыквенные войны.
Но началось всё, как ни странно, с Таро. Да-да, карт Таро. Тех самых.
Первая попытка: гадать и страдать
Где-то в начале года я решил сделать Telegram-бота, который бы умел раскладывать карты Таро, делать натальные карты и выдавать предсказания на день. Казалось бы, звучит просто. Особенно если рядом есть ChatGPT, который может на ходу генерировать описания карт и писать код на Node.js.
Зарядка с утра: — GPT, напиши функцию для расчёта Луны в Скорпионе. — GPT, как сделать inline-кнопки в grammY? — GPT, почему Heroku опять всё уронил?
И вот бот заработал. Люди заходят, тянут карту дня, шлют благодарности… и уходят. На следующий день — снова тяни карту. Через неделю — всё. Надоело.
Я понял: бот с Таро работает, но удержать людей в нём сложно. Там нет жизни. Там нет... морковки.
А потом я вспомнил старую ферму
Когда-то, ещё во времена динозавров и ВКонтакте, у меня была ферма. Та самая, где каждый день надо было заходить, собирать урожай, сажать заново, а если не успеешь — тебя вытопчут друзья с соседнего класса.
И вот я подумал: а что, если скрестить эту старую добрую механику с Telegram-ботом?
Чтобы всё было просто:
Никаких установок
Играть можно прямо в чате
И чтобы всегда был шанс насадить кукурузу, а не просто наслаждаться жизнью
Начало новой жизни
Запустил первого бота. Добавил регистрацию, посадку капусты и сбор. Подключил базу PostgreSQL. Всё это — руками и с подсказками ИИ (да здравствует Cursor AI, GPT и граммY).
Первый баг — бот забывал, что ты уже посадил картошку. Второй баг — тыква, которую почему-то можно было доить. Третий баг — не баг, а фича: игроки начали просить рынок, коров и возможность топтать грядки друг другу.
Так появилась Веселая Ферма — ферма прямо в Telegram, которая сейчас уже живёт своей жизнью, где игроки сажают растения, разводят скот, воруют другу у друга лимоны и спорят в чате, почему мед дешевле мотыги.
Что дальше?
Это только начало. Я хочу рассказать:
Как ИИ помогает не сойти с ума, когда у тебя 500+ игроков и баг в 3 ночи
Как запускались тыквенные фестивали и почему это был трэш
Как устроен баланс в экономике фермы
И как создать клановую систему, когда никто не читает туториал
Если интересно — подписывайся на продолжение. А если хочешь сам потыкать бот — вот: 👉 Веселая Ферма
Следующая часть будет про то, как я балансировал экономику в игре, используя google sheet, интуицию и крик в подушку, почему Доярка Жанна названа в честь жадной хозяйки квартиры, и откуда взялся Председатель СНТ в образе Якубовича.
Представлена большая база PNG-картинки без фона для дизайнеров. На сайте pngimg доступны тысячи картинок на любые темы — техника, животные, авто и так далее с удобным поиском по категориям, а также в высоком разрешении и бесплатно.
Спустя 26 лет чуть не истёк срок действия домена half-life3.com. Домен был создан ещё в 1999 году и раньше перенаправлял на сайт The Orange Box. Однако 28 июня домен прекращал своё существование, из-за чего некоторые фанаты начали бить тревогу и даже связались со службой поддержки Valve, которая сообщила, что домен в безопасности — его продлили некоторое время назад.
Представлен сайт, где можно летать по миру на самолётике — благодаря Google Картам. Города полностью трёхмерные — для полётов доступны Париж, Токио, Рио, Брюссель и другие города.
Додекаэдр из символов для мини-игры "Игра с Нулём»".
Бросаешь 12-гранный кубик: на 11 гранях - ресурсы, а на одной - полное обнуление прогресса в основной игре. Рискнули бы?
Координаты вершин додекаэдра со списком ребер и граней сходу не нашел. Вычислял сам. Если будет полезно, то вот массивы и вычисления для додекаэдра, вписанного в сферу единичного радиуса.
// Verteсes
Vector3[] verts = new Vector3[] {
new Vector3(0.577350f, 0.577350f, 0.577350f), // v1
new Vector3(0.577350f, 0.577350f, -0.577350f), // v2
new Vector3(0.577350f, -0.577350f, 0.577350f), // v3
new Vector3(0.577350f, -0.577350f, -0.577350f), // v4
new Vector3(-0.577350f, 0.577350f, 0.577350f), // v5
new Vector3(-0.577350f, 0.577350f, -0.577350f), // v6
new Vector3(-0.577350f, -0.577350f, 0.577350f), // v7
new Vector3(-0.577350f, -0.577350f, -0.577350f),// v8
new Vector3(0, 0.934172f, 0.356822f), // v9
new Vector3(0, 0.934172f, -0.356822f), // v10
new Vector3(0, -0.934172f, 0.356822f), // v11
new Vector3(0, -0.934172f, -0.356822f), // v12
new Vector3(0.356822f, 0, 0.934172f), // v13
new Vector3(0.356822f, 0, -0.934172f), // v14
new Vector3(-0.356822f, 0, 0.934172f), // v15
new Vector3(-0.356822f, 0, -0.934172f), // v16
new Vector3(0.934172f, 0.356822f, 0), // v17
new Vector3(0.934172f, -0.356822f, 0), // v18
new Vector3(-0.934172f, 0.356822f, 0), // v19
new Vector3(-0.934172f, -0.356822f, 0) // v20
};
// Calc edges
const float edgeLength = 0.7136f;
const float epsilon = 0.0001f;
var edges = new List<(int a, int b)>();
Vector3 v1, v2;
float dx, dy, dz, dist;
// Check all pairs of vertices
for (int i = 0; i < verts.Length; i++)
for (int j = i + 1; j < verts.Length; j++) {
v1 = verts[i];
v2 = verts[j];
dx = v2.x - v1.x;
dy = v2.y - v1.y;
dz = v2.z - v1.z;
dist = Mathf.Sqrt(dx * dx + dy * dy + dz * dz);
if (Mathf.Abs(dist - edgeLength) < epsilon)
edges.Add((i, j));
}
// Faces
int[,] facesIDS = new int[12, 5] {
{ 0, 16, 1, 9, 8 },
{ 12, 0, 16, 17, 2 },
{ 8, 0, 12, 14, 4 },
{ 1, 16, 17, 3, 13 },
{ 9, 1, 13, 15, 5 },
{ 10, 11, 3, 17, 2 },
{ 2, 12, 14, 6, 10 },
{ 3, 11, 7, 15, 13 },
{ 6, 14, 4, 18, 19 },
{ 4, 8, 9, 5, 18 },
{ 5, 15, 7, 19, 18 },
{ 6, 19, 7, 11, 10 }};Сделал и возвращаюсь к допилу версии для плейтеста. Чуть-чуть осталось. Заходите добавить в желаемое и записаться на плейтест.
МойОфис Frontend&UX Talks уже начался!
Самое время смотреть и задавать вопросы спикерам в чате митапа!
Митап посвящен главным вызовам и проблемам в сложных интерфейсах. Спикеры расскажут о самых разных аспектах фротенда в 2025 году: от айтрекинга и других методов исследований до реактивного программирования и СSS-спецификаций.
Сам митап разделен на две категории: JavaScript и UX. В каждой из них, помимо наших специалистов, есть ребята и из других компаний: Лаборатория Касперского, Контур, Alpha Research Center. Всего на встрече будет семь докладов – их расписание можно посмотреть здесь.
Смотрите митап прямо здесь:
Также трансляцию можно смотреть на Youtube и ВК.
Заинтересовало? Тогда скорее переходите в чат митапа. Здесь можно задать вопросы спикерам, и получить раньше остальных доступ к записи выступлений :)
Как студенты с айтрекером изучали наш текстовый редактор
Июнь стал месяцем айтрекинга в UX-команде МойОфис. Сначала у нас прошло совместное исследование со студентами ВШЭ, а в ближайшие дни мы проведем крупный митап, где поговорим о создании и анализе сложных интерфейсов, в том числе с помощью технологий отслеживания взгляда.
Важный анонс: 26 июня пройдет онлайн-митап МойОфис Frontend&UX Talks, на котором JS-еры, дизайнеры, продакты и аналитики соберутся, чтобы обсудить все насущные проблемы и нюансы современного фронтенда. Кроме наших экспертов, на митапе будут ребята из Лаборатории Касперского, Контура и Alfa Research Center!
Регистрируемся и читаем темы выступлений здесь – и вступаем в чат, чтобы не пропустить важные обновления (и просто поболтать с коллегами по фронтендерскому цеху).
Еще немного о совместном исследовании со студентами:
4 июня в нашем петербургском офисе прошла презентация результатов совместного исследования с лабораторией социальной и когнитивной информатики ВШЭ в рамках учебного сотрудничества. Студенты курса «Айтрекинг в UX-аналитике» провели глубокое тестирование текстового редактора МойОфис 3.4 с обновлённым интерфейсом.
Методология:
Определили самые востребованные задачи у студентов и на их основе составили задания.
Использовали носимый open-source айтрекер PupilLabs.
Провели психологические опросы до и после заданий (спойлер: уровень стресса участников не изменился) и когнитивное интервью после.
Ключевые результаты:
Проявилась часть проблем, о которых мы уже знали и исправили в версии редактора 3.5. Например, более удобное выделение ячеек таблицы без лишнего клика.
Получили оценки пользователей: лёгкость и чёткость интерфейса.
Подтвердилась необходимость в новом поиске по функциям, к которому прибегали участники, когда что-то не получалось найти, или они не знали, как выполнить задачу.
Выявлены новые точки роста для развития продукта
P.S. Большая благодарность Елене Артёменко из лаборатории социальной и когнитивной информатики ВШЭ за эту коллаборацию! А если хотите узнать больше о фронтенде и UX-исследованиях — ждем вас 26 июня на Frontend&UXTalks!
Опубликована база по веб-разработке от Microsoft. В учебном курсе от компании представлено 24 урока, где разбирается всё от основ веба, работы браузеров, сетевых протоколов до HTML, CSS и JS. Всё обучение ориентировано на практику. После каждого раздела есть тесты и интерактивные кодинг-задачи. Также есть несколько пет-проектов, которые можно реализовать после обучения и положить себе в портфолио.
20+ кейсов с изображениями в ChatGPT. Или экономим 100,000₽+ на дизайнерах
Так как в пост можно загрузить только одну фотографию, то я все упаковал в большую статью https://habr.com/ru/articles/920274/
Эта статья про полезные юзкейсы генерации картинок, с которыми каждый из вас может сталкиваться.
И да, в статье я не топлю про полную замену дизайнера, а именно про снижение человекочасов, которые уходят на дизайн. Так как сам в общем то и дизайнер
Внутри статьи ⤵️
Мои примеры с лампой-кроликом — взял один объект из комнаты и показал 10+ способов его использования
Превратил в робота-маскота
Сделал комиксы про морковку
Создал стикерпак для Telegram
Нарисовал карточки товаров
Сгенерировал 3D-версии
В статье рассказал подробно, что все еще плохо работает в генерациях
❌ Плохо работает с кириллицей (артефакты в тексте)
❌ Галлюцинирует на сложных сценах
❌ Точечные правки работают коряво
❌ Лица меняются между итерациями
❌ Размываются мелкие детали
Так как в пост можно загрузить только одну фотографию, то я все упаковал в большую статью https://habr.com/ru/articles/920274/
Надоела плоскость. Прямоугольники, которые притворяются кнопками.
JavaScript, дизайн-системы и рок-н-ролл — что такое фронтенд в 2025 году?
Что происходит, когда в одном месте собираются JS-еры, UX-дизайнеры и исследователи? Получается Frontend&UX Talks!
Без сложных интерфейсов в фронтенде сегодня никуда: продукты становятся все масштабнее, а требования – все выше. Для всего этого нужны свежие и эффективные решения, которые ускорят разработку, и помогут провести релевантные UX-исследования.
Чтобы обсудить эти темы, мы в МойОфис пригласили ребят из разных компаний: Alfa Research Center, Лаборатория Касперского и Контур.
Всего на митапе будет 7 докладов, где расскажем:
как реактивное программирование и RxJS меняет разработку – и какие у него есть нюансы;
какие свежие css-спецификации могут упростить ежедневный кодинг;
как «редизайнить» сложные интерфейсы: рассказ на личном опыте переосмысления визуала настольных редакторов практически с нуля;
что за методы UX-исследований использует финтех сегодня – и какие из них можете перенять и вы :)
и многое другое, что поможет в работе со сложными интерфейсами!
Если тебе близки эти темы — приходи 26 июня в 15:00. Регистрация и подробности по ссылке.
Обновил сайт знакомств для айтишников
Наконец-то!
Уже 13 лет бесплатно ищет половинки. И без рекламы.
Ушел с jquery и bootstrap - перешел на alpine и tailwindcss.
Поменял дизайн на более современный и удобный, как мне кажется.
Знакомства для айтишников - просто наберите в поисковике (он всегда первый), ссылку не буду давать.
Как было раньше можно посмотреть в архиве интернета, с 2012 года.
Часть 2: итоги недели разработки вайбкодинга с агентами
Прошлый пост тут
1️⃣ Текущий прогресс по xsoulspace.dev привел к тому, что обнаружил что есть закономерность какие именно модели хороши для использования в проектировании layout страницы (спойлер - не записал какие 🤦♂️ кажется использовал Claude 4.0 thinking + Gemini 2.5 Pro).
Что попробовал сделать : нарисовал простой wireframe image -> сконвертировал в ACSII art, и затем скормил LLM для более корректного восприятия layout.
Оказалось что так проще, но относительно (за счет убирания лишних элементов проще понять что где расположено), но с другой стороны LLM все так же тяжело воспринимать layout (если он чересчур кастомный).
2️⃣обновил все flutter библиотеки, last answer, word by word, budget app до flutter 3.8 - пользовался агентами в окошках. В некоторых случаях правил руками, но в большей части работал по принципу PDSA (Plan Do Study Act), где я разрабатывал план, а агент по нему шел, потому изучал результаты и т.д.
Вывод - нужно сильнее нарабатывать промпты.
3️⃣внезапно получил спам-рассылку-письмо с возможностью потестить on device API для того чтобы запускать модели. Чтобы потетстить решил запилить новое приложение для работы с промптами - действовал по принципу:
Идея и этические принципы
Палитра и дизайн система на основе идеи и принципов
План работы
Имплементация через агентов + доп ресерчи чтобы агенты понимали какую информацию брать.
Удалось собрать прототип за 12 часов (рабочую, включая все экраны и дизайн систему). Следующий этап - буду модифицировать чтобы можно было тестировать на реальных промптах в проектах.
Опыт: понял как создавать и работать с ролями (опишу в следующем посте про MVP), разобрался как запускать LLM на устройстве.
Недостатки: нужно более точно прописывать тех стак, особенно ключевые места, такие как - синхронизация данных, тип хранилища и т.д. И хорошо если изначально можно давать wireframes, или подгенеривать на основании дизайн системы.
Хотелось сделать нечто среднее между игрой и обычным интерфейсом, но пока не получилось.
4️⃣Создал детальный план и начал прорабатывать новую систему сохранения данных. Для меня это оказалось большой проблемой - потому что Hive, Isar на flutter перестали поддерживаться, а другие библиотеки неудобно использовать (где-то перешел на Sembast).
В результате на мой взгляд завязка на том, что данные хранятся непонятно где для конечного пользователя опасна тем, что в случае прекращения работы с приложением теряются все данные. Это оч больно.
Поэтому решил объединить все идеи и написать одну библиотеку которая будет из коробки давать синхронизацию с гитом, github и папками. Так надеюсь удастся побороть проблему долговечности и надежности хранения данных.
Пока агенты имплементировали 4 этапа из 5 (основную логику провайдеров данных), и как итог - собрал отдельное тестовое приложение (todo), чтобы протестировать работу (отдельный скриншот), понять недостатки и как можно быстрее завершить библиотеку чтобы начать интеграцию во все проекты. Это важно, потому что при одновременной интеграции сразу будет понятно что работает, а что нет, и таким образом будет проще получать feedback и развивать библиотеку качественно.
Спасибо за ваше время и хорошего дня!
p.s.:
Бумаги которые claude нашел по теме и одновременно не по теме)
Towards Aligned Layout Generation via Diffusion Model with Aesthetic Constraints https://arxiv.org/abs/2402.04754
CreatiLayout: Siamese Multimodal Diffusion Transformer for Creative Layout-to-Image Generation https://arxiv.org/abs/2412.03859
Future of edge and on-device AI in gaming https://inworld.ai/blog/ml-advancements-that-will-make-on-device-ai-possible
MobileExperts: A Dynamic Tool-Enabled Agent Team in Mobile Devices https://arxiv.org/abs/2407.03913
From Cloud to Edge: Rethinking Generative AI for Low-Resource Design Challenges https://arxiv.org/html/2402.12702v1
Generative Artificial Intelligence-Enabled Facility Layout Design Paradigm https://www.mdpi.com/2076-3417/15/10/5697
Как дизайнеру найти первую работу без опыта и связей
Сегодня найти работу начинающему дизайнеру практически невозможно. Высокая конкуренция, сотни откликов без ответа и лишь редкие предложения выполнить тестовое без собеседования – ситуация, с которой сталкиваются многие.
В итоге дизайнер не развивается, а лишь занимается поиском и выгорает. Я хочу предложить другую стратегию: искать не работу, а опыт.
Я предлагаю начинающим дизайнерам найти бесплатную или низкооплачиваемую работу, в рамках которой можно отточить навыки, упаковать в портфолио реальные задачи и параллельно искать работу. Описываю, как это можно сделать.
1. Найти подходящую компанию. Рекомендую обратить внимание на стартапы и компании, где еще нет дизайнера. Стартапы можно найти на Product Radar, а с неудобными сервисами мы сталкиваемся по жизни – им и можно предложить свои услуги.
2. Предложить свои услуги. Просто предложить свои услуги даже бесплатно – не всегда сработает, ведь не все понимают, что им нужен дизайнер. Нужно предложить улучшения интерфейса: это покажет вашу экспертизу и слабые места продукта.
3. Упаковка опыта. Не нужно ждать завершения проекта, чтобы упаковать его в портфолио. Лучше публиковать небольшие задачи сразу. Пример: доработка регистрации, улучшение личного кабинета, добавление фильтров в таблицу заказов.
4. Параллельный поиск. Вместе с работой над проектом нужно делать по 10-20 откликов в день. Регулярно пополняемое портфолио в этом поможет. Откликаться можно на крупных площадках, как HeadHunter и LinkedIn, и более нишевых – Getmatch, каналы и чаты.
Благодаря этой стратегии вы сразу будете получать реальный опыт. Не только в дизайне интерфейсов, но и в работе с разработчиками, аналитиками и бизнесом, что не менее ценно. А если стартап будет развиваться или получит инвестиции – вам предложат повышение.
Помимо этого, вы обретете знакомства, которые в будущем могут принести вам новые проекты. Ведь так и строится личный бренд: не благодаря публикациям в соцсетях, а благодаря людям, для кого вы проделали хорошую работу.
Попробую публиковать серию постов про мои новые эксперименты с вайбкодингом.
Не использую v0, bolt - так как они совсем почти no-code + генерят react приложения, а мне интересно сейчас проработать поработать с Dart проектами.
Начал с крафта нового сайта для xsoulspace.dev (мой основной сайт по проектам, давным давно писал на flutter и очень давно не обновлял).
Основная идея в том, чтобы:
Как можно больше проработать паттернов вайбкодинга
Как можно качественнее научиться работать с дизайнерской точки зрения
Научиться учить агента новой информации (новый пишу на jaspr - а на нем крайне мало информации - и скорее всего не обучалась ни одна модель, поэтому вайбкодить на нем тяжело - если агенту дать задачу без правил и промптов - он не сможет завершить задачу и закопается в ошибках).
Пока что удалось сделать немного - восстановил навыки промптинга (которые прокачивал в прошлом году)
Восстановил часть промптов которые были раскиданы по проектам.
Частично удалось распараллелить работу (используя окна и табы агентов в cursor) и научиться давать относительно автономные задачи (по принципу PDSA (Plan Do Study Act))..
Исходный код открытый, поэтому буду делиться результатами когда завершу делать :) (надеюсь что скоро)
Пока что было две идеи:
Сделать в виде интерактивной игры (получились вырвиглазные кнопки
Каким-то образом придумать бенто..
Сложность с бенто и с игрой в том, что если всем моделям тяжело делать даже по картинке ассимитричные вещи и то, на чем они не обучались.
Некоторый текст и данные на картинке ниже абстрактные.
Спасибо за ваше время и хорошего дня!
P.s.: почему-то на хабре нельзя загрузить больше одной картинки в пост:(
P.p.s.: почему-то нельзя опубликовать публикацию если хоть раз проставил галочку запланировать..
Сжимаем видое без потери качества — релизнулся топовый компрессор SqueezeVid:
Сжимает видео, не теряя ни единого пикселя — качество останется на высочайшем уровне.
Работает со всеми популярными форматами, включая MP4, MOV и AVI.
Можно конвертировать ролик в нужный формат и даже контролировать степень сжатия.
Вся обработка происходит локально, прямо на ПК пользователя
Без ограничений, без регистрации, бесплатно.
Почему мы решили делать именно Конструктор форм?
Т.к. мы пилим продукты и нам важна Обратная связь от пользователей - мы ее собираем в Google Forms, они оч крутые, но есть пара нюансов:
1) Обработка персональных данных по закону должна быть в РФ. Штраф до 500к рублей! И т.к. мы хотим делать бизнес на РФ - нам нужно использовать оператора из РФ.
2) Мы сейчас собрали таблицу куда приходят все “Данные” от наших иностранных пользователей.
У нас сейчас 6 таблиц, только с 3 расширений, дальше будет больше.
Ходить по страницам не так удобно как у всех топовых сервисов по созданию форм.
Мы хотим видеть одну таблицу с сортировкой по последним и фильтрами по всем ответам/заявкам.
3) Уведомления в телеграм.
4) Встроить оплату и другие виджеты.
5) Кастомные домены.
Почему все сообщества инди-хакеров в России платные?
Давайте создадим свое бесплатное комьюнити для всех 👇👇👇
🖼 🚀 Я почти всегда выбираю ISR в Next.js для контентных сайтов.
Вот почему:
SSR:
- Каждый запрос = генерация страницы
SSG:
- Обновить контент = пересобрать весь проект
- При 1000+ страниц билдится часами
ISR - лучший вариант:
- Не генерит страницы сразу. Только по запросу.
- Ключевой параметр: revalidate - определяет, как часто Next.js должен перегенерировать страницы.
Например revalidate: 60 - страница обновляется раз в 60 сек, а между этим - юзер видит кэш из памяти.
Для некоторых контентных сайтов норма обновления данных 8-24 часа. Данные будут в оперативной памяти все это время.
💡 Фишка для SEO:
После деплоя (CI/CD) - страницы прогреваются скриптом, чтобы не ждать первого захода.
Это нужно чтобы поисковые боты видели всегда лучшую версию сайта, а не ждали прогрузки кеша.
📌 Вывод:
Если тебе не нужен real-time обновления сайта - ISR закрывает почти все потребности.
А чем пользуешся ты? Пиши 👇
Представлен сервис для удаления фона с необычным дизайном — ваша фотка буквально отправляется в стирку. Работает просто: закидываете картинку в машину, пару секунд наблюдаете за гипнотизирующим барабаном и забираете PNG-шку. Дизайнеры познают дзен — здесь.
Apple выпустила тактильный трейлер фильма F1, улучшенный с помощью вибраций iPhone.
Если у вас iPhone под управлением iOS 18.4 или более поздней версии, на вкладке Apple TV Plus приложения TV теперь есть трейлер предстоящего фильма Брэда Питта F1, который теперь улучшен с помощью вибраций, создаваемых современным компонентом Taptic Engine в iPhone.
Пользователи могут не только почувствовать обороты двигателя болида F1, но и более тонкие события в трейлере, такие как щелчок ремня безопасности и нажатие кнопок на рулевом колесе.
«В одной компании я была свидетелем того, как сотрудник в свой первый день вышел перепарковать автомобиль и не вернулся. Причина: новичка не познакомили с командой, не назначили наставника, не объяснили, чем ему предстоит заниматься. Вместо этого HR-менеджер привел его в опенспейс и оставил на несколько часов без внимания… За это время сотрудник решил, что это не его компания. И я его не осуждаю😅»
Это история из статьи Гузель «Онбординг здорового дизайнера» — дизайнера внутренних продуктов в Альфа-Банке. Не так давно она сама стала наставником для новичка и чтобы ситуация из истории не повторилась, сделала онбординг-страничку, где собрала всё, что может помочь в адаптации.
И благодаря доке новичок не сбежал, а прошел онбординг весело и бодро.
А в статье поделилась шаблоном этой странички.
Заходите, читайте, берите на вооружение, шаблон работает.
Мега Bolt или как неройнка заменяет кучу разрабов
Разработка или Vibe Coding продолжается 3 день. Я все ещё использую Bolt и смог сделать вполне рабочий сервис. Вручную программисту потребовалось бы около 1-2 недель на такой функционал.
Авторизация
Редактор форм
Просмотр ответов форм с фильтрами
Выгрузка ответов в csv
Шаблоны форм
Загрузка файлов в хранилище
Публикация формы для клиента
Все уже работает и связано с БД
Остальные скрины и ДЕМО версию пришлось опубликовать в телеге т.к. тут лимит на 1 картинку.
Я попробовал Bolt. Мои первые шаги в Вайб-кодинге.
На связи Антон 👨💻
Мы выбрали идею нового продукта - Form builder. Простой и минималистичный конструктор форм на замену Google Forms.
Для разработки я пробую сервис Bolt.new. Я пишу в промтах ТЗ, нейросеть генерит код за меня.
За 5 запросов я получил функционал, который писал бы пару дней. Конечно с кучей багов и недоработок. Они и в ручной разработке тоже бывают.
Сейчас прошу Bolt поправить свои же баги и сделать правильную анимацию при перетаскивании элементов формы. Посмотрим, что из этого выйдет.
А у вас какой опыт с вайб-кодингом? Писать про наш опыт с нейросетями в разработке?
