Дизайн

Привет, Хабр! Меня зовут Дмитрий Переверза, я Frontend Team Lead в компании Just AI. В рамках платформенного стрима мы занимаемся разработкой и развитием платформы для создания своих чат‑ботов. Cделать хорошего и полезного бота временами бывает сложно, поэтому для помощи разработчикам мы создаем инструменты, которые помогают ускорить разработку и упростить работу с ботами. В этой статье я расскажу, как реализовать изолированный UI, грамотно организовать код на примере виджета чата, и какие проблемы могут возникнуть в процессе разработки.

Для корпоративного сегмента мне часто приходится приобретать телевизоры. Они используются не для демонстрации развлекательного контента (ТВ‑каналов, YouTube, онлайн‑кинотеатров), а в качестве больших информационных панелей для вывода видео‑ и аудиопотоков со сторонних источников сигнала, подключённых по HDMI. Я не углублялся в особенности установленной операционной системы (Smart TV или обычная), так как это не было важно. Мой выбор всегда основывался на качестве картинки, звука и диагонали экрана при приемлемой цене. После подключения внешнего источника HDMI пульт убирался в коробку, и система работала без нареканий. Пока я не столкнулся с YaOS. Голосовой помощник — «Алиса» быстро дала понять, кто в доме хозяин.

Представьте: вы заходите на сайт застройщика (ГК ПИК), выбираете квартиру, а вместо стандартных 9 миллионов видите ценник в 2 миллиона. Сначала кажется, что это опечатка, взлом, шутка или какой-то маркетинговый трюк. Но когда система позволяет добавить лот в корзину, заполнить анкету и даже получить подтверждение брони — начинаешь верить в чудо. Именно так я наткнулся на квартиру, цена которой оказалась в четрые раза ниже рыночной возможно из-за технической ошибки. В этом кейсе разберём, как возникают такие баги, можно ли требовать исполнения договора и что делать, если вы оказались на месте застройщика или покупателя.

Компания Saleae производит логические анализаторы и предоставляет программу Saleae Logic 2 для отображения, анализа и логгирования данных. Logic 2 поддерживает разнообразные интерфейсы и протоколы и их декодирование.
Для расширения функций анализатора в Logic 2 появилась возможность создания своих обработчиков и декодеров протоколов.

В представляемом материале рассматривается создание своего декодера - анализатора верхнего уровня (HLA).

Зачем?
Например, есть последовательность передаваемых по SPI байт. Стандартно, при правильной настройке, вы увидите значения этих байт. Но, может возникнуть вопрос интерпретации полученных данных.
Декодер может помочь в выводе данных в удобном виде и/или упростить анализ (reverse engineering) неизвестного протокола.

Об авторе

Чарли Шин, генеральный директор Monitor4u Inc., возглавляет компанию, которая специализируется на продажах и маркетинге профессионального аудиовизуального и вещательного оборудования.

"Поднимите трубку! У меня есть проект для системы записи NDI. Вы можете мне помочь?" Это был вопрос от клиента, системного интегратора из сферы образования, который позвонил мне в праздничный вечер. Я всё ещё был в офисе, занимаясь тестированием новых PTZ-камер NDI. Он не мог ждать ещё два дня, пока получит ответ от другого поставщика. Этот звонок положил начало моему сложному шестимесячному проекту NDI. Его

Новый проект связан с IP-кодерами, декодерами и рекордерами, которые отходят от традиционных базовых видеоинтерфейсов SDI или HDMI. Несмотря на значительный опыт внедрения AV-систем и понимание принципов работы компьютеров и сетевых устройств, проектирование IP-инфраструктуры представляло собой задачу, требующую обращения к поставщикам продукции.

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

Проект был разработан для института GDS с целью обеспечения студентов дополнительными аудиовизуальными материалами (записанными лекциями) для просмотра в системе VOD в режиме 24 часов. GDS, известная частная образовательная франшиза в Корее, ориентирована на рынок, где многие студенты ищут дополнительные частные занятия после школы, чтобы повысить свою академическую результативность. Их целью была централизованная система записи и контроля в двух зданиях, в каждом из которых расположено по 12 классных комнат, где сотни студентов проводят занятиях по 40 часов в неделю.

Ранее Telegram объявил конкурс до $50 тыс., где участники показывают, чем мессенджер круче WhatsApp. Но за удобным интерфейсом и призовыми роликами скрывается настоящая «магия» реакций. В статье вы узнаете всю подноготную конкурса и разберёте, как Telegram управляет цифрами.

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

Привет, это Анна Васичко, методист Академии PIX. В марте мы выпустили новый урок в рамках PIX Триатлона, где вместе с моей коллегой, Анной Климковой, разобрали, как устроены визуализации на дашбордах и какие есть лучшие практики визуализации данных. В этой статье хочу чуть глубже копнуть в принципы UI/UX при разработке дашбордов и разобрать, какие случайные (или не очень) манипуляции в графиках могут привести вас на темную сторону.  

Как выбрать ютуб-агентство и получить реальный результат, а не накрученные просмотров и ботов вместо подписчиков

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

Таблица для цеха отличается от обычной таблицы. Очень сильно:

— «Модные» тонкие шрифты — сразу на свалку. Числа должны читаться даже в маске сварщика.

— Освещение в цехах адаптировано под специфику задач— почти всегда нужна ночная тема.

— Минимум цветов, новый цвет — только привлечь внимание к реально критичной вещи.

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

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

Cтандартные подходы не всегда решали эти задачи.

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

Сногсшибательное воплощение готического технофэнтези с эталонной оптимизацией.

До сих пор мы писали только о компьютерных железках, но тут решили поэкспериментировать с форматом. Представляем вашему вниманию технический обзор ПК-версии свежего Doom: The Dark Ages. Статья предназначена в первую очередь для геймдев-разработчиков, работающих с графикой, но возможно заинтересует и более широкую аудиторию.

Автор обзора — Роман Перов, в прошлом игровой журналист, а ныне главред игрового ресурса (название не указываем специально). Роман пишет на стыке видеоигр и технологий, интересуется новинками индустрии развлечений и игровых девайсов, разработкой и 3D-графикой. Если статья зайдёт, будем публиковать подобные материалы чаще.

Когда мы слышим слово «игры», у многих в голове сразу всплывают образы безделья, «убийства времени» или побега от реальности. Но игры — это не только развлечение. Они могут стать мостиком к лучшей версии себя. Рассказываем, как именно игры помогают перепрограммировать вредные привычки, тренировать мозг, чтобы замедлить возрастные изменения, и даже превратить сложную математику в интуитивно понятные правила.

Юля Бородина — геймер со стажем и экс-продюсер игры Lineage 2, руководит направлением геймдев в Skillbox, продюсирует курсы по разработке игр на Unity, а также лидирует игровую студию Gamebox, которая выпустила на рынок более 50 игр. Многие из них вошли в топы лучших инди-игр 2023 года по версии IndieDB, IXBT, Синеус, RuStore. Выпускники направления геймдев под Юлиным началом работают над Overwatch, Fortnite, League of Legends, Escape from Tarkov, Atomic Heart и прочими известными играми. 

Сейчас много говорят о вреде компьютерных игр. Но не всё так однозначно! На эфире для экспертов комьюнити Skillbox IT Experts Юля рассказала о том, как игры помогают: лечить деменцию, бросать курить, изучать матанализ.

В 70‑е Coca‑Cola пыталась перейти на многоразовые стеклянные бутылки, но понесла убытки из‑за неудобства и слабой системы возврата. В 1983 году Apple представила Lisa с первой в мире графической ОС по цене почти $10 тысяч — продукт опередил время, но не нашёл поддержки. А DeLorean DMC‑12 стал иконой стиля, но обанкротил компанию. Что пошло не так?

Если Veo 2 произвел на вас впечатление, то Veo 3 вас просто поразит.

Google IO 2025 завершилась, и это была абсолютная масса анонсов в сфере ИИ. Многие люди, включая меня, до сих пор поднимают челюсти с пола. Но из всех анонсов Veo 3 - один из самых захватывающих для меня.

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

🍹 А вот и результаты второго челленджа )

Дизайн приложения с рецептами коктейлей по концепту нейронки.

Почти три года назад мы выложили в опенсорс DivKit — наш BDUI‑фреймворк для отрисовки интерфейса приложения из ответа сервера. С его помощью вы можете описать элементы, состояния и анимации на бэкенде. Приложение получит это JSON‑описание и отобразит его.

Мы не перестаём развивать DivKit и за последние месяцы добавили несколько важных функций. О них расскажем в статье.

В серии чёрного зеркала (7 сезон 4 серия) в основе сюжета как программист сделал симулятор в котором развивались виртуальные существа (Тронглеты). Решил от части повторить, что бы существом управлял агент ИИ.

Сделал симулятор, где в рандом сгенерированном мире появляется агент. У него есть показатели:
- голод
- жажда
- комфорт
- его цель
- мысли
- глобальная цель.
Он может взаимодействовать с миром, находить предметы, крафтить любые предметы, придумывать, что нашел. Даже если в разработке я не закладывал какие-то предметы, объекты или механики он может всё равно их «найти». Например, нашел тростник который в будущем использовал для создания тетивы для лука. Он сам подбирает эмодзи, название предмета, придумывает механику и кладет себе в инвентарь. Для упрощения сделал пошаговую симуляцию.
Начало промта выглядит вот так (полный промт больше в 10 раз):

Про механику мира и разработку. Скриптом создаем карту 20х20 клеток. На нее случайно раскидываем эмодзи 🍓🌳🦌⛰🕳. Агенту отправляется видимость клеток на 3 вокруг нет. Он может ходить только на одну клетку заход. Ещё агенту задаются состояния:

Что у него есть голод 0/100
Комфорт
Жажда
Инвентарь
Взаимодействовать с миром он может, убрать объект логически, добавить объект логически, добавить и убрать предмет в инвентарь. По сути больше ничего, дальше он сам должен существовать в этом мире. Нет ни рецептов крафта, не сколько съеденная ягода восстанавливает голода. Но много про то "где" он находится и как "выживать" в этом мире (без подсказок)
Начало промта выглядит так:

Вам когда-нибудь хотелось, чтобы можно было написать простой CSS для объявления цвета, после чего браузер сам бы определял, чёрный или белый должен сочетаться с этим цветом? Теперь это возможно благодаря contrast-color(). В статье мы объясним, как это работает.

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

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

Некоторые так увлеклись полировкой фотореализма, что забыли наполнять картинку смыслом. Стекло уже идеально прозрачное — пора посмотреть, что видно по ту сторону и вспомнить, что игры живут за счёт систем, опыта и воображения игрока, а не бликов на мокром асфальте.

А вы что видите по ту сторону идеального стекла? 👀

Не так давно мы успешно портировали проект CryptoTradingFramework на Avalonia UI с использованием библиотеки визуальных контролов EMX Controls. На примере клиентского приложения CryptoMarketClient мы хотели бы рассказать о возможностях библиотеки EMX Controls для разработки GUI для финансовых приложений.