Как стать автором
Поиск
Написать публикацию
Обновить

Дизайн

Сначала показывать
Порог рейтинга
Уровень сложности

Машинное обучение без кодинга для фронтенд-задач. Разбираем работу фреймворка MediaPipe

Время на прочтение19 мин
Количество просмотров5.4K

Меня зовут Ярослав Французяк. Я фронтенд-разработчик в GARPIX. В этой статье расскажу о таком инструменте, как фреймворк MediaPipe от Google. На основе готовых моделей он позволяет разработчикам внедрять сложные функции компьютерного зрения и обработки мультимедиа в веб-приложениях — распознавать лица, анализировать изображения, отслеживать движение, обрабатывать видео в реальном времени и многое другое. Мы разберём работу фреймворка на примере, погрузимся в векторную математику в трёхмерном пространстве и сложности распознавания ключевых точек лица.

Читать далее

Свой кинозал для каждого сегмента сети: уменьшаем медиатрафик в десятки раз с помощью кэширующих серверов

Уровень сложностиСредний
Время на прочтение5 мин
Количество просмотров7.7K

Привет, Хабр! Меня зовут Роман Кармалов, в МТС Диджитал я руковожу группой, которая поддерживает инфраструктуру, в том числе работу прокси‑серверов. В компании регулярно проводятся корпоративные онлайн‑трансляции: их смотрит от двух до пятнадцати тысяч человек. Если не предпринять необходимых мер, то это вызовет нагрузку, которая может «уронить» внутреннюю инфраструктуру компании. В нашем случае решением проблемы стали кэширующие прокси‑серверы на базе ПО Squid, сокращающие медиатрафик в десятки раз.

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

Читать далее

Шесть мифов о UX-редакторах: почему эта профессия не только про тексты

Уровень сложностиПростой
Время на прочтение12 мин
Количество просмотров2.1K

Мифы в мире IT — дело обычное. Программисты переустанавливают «Виндовс» бабушке, UX-дизайнеры рисуют пейзажи в стиле Ван Гога, а маркетологи клеят рекламные листовки на столбы. Коснулась ли подобная участь UX-редакторов? Увы, да.

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

Читать далее

Краткая история жанра: авиасимуляторы

Время на прочтение6 мин
Количество просмотров6.6K

Тренировочные стенды играют ключевую роль в подготовке пилотов — они позволяют освоить навыки управления летательным аппаратом без риска для жизни и собственно аппарата. Для них нужно и «железо», и программное обеспечение. И так вышло, что технологии образовательные и видеоигры развивались параллельно, иногда пересекаясь.  

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

Читать далее

Синей пеленой экран заполнил чистый DOS. Доска почёта и респекта: лучшие программные решения и интерфейсы

Время на прочтение4 мин
Количество просмотров14K

В большинстве современных книг есть такой раздел — «Благодарности». Автор благодарит своих редакторов, учителей, друзей, родственников, любимых котов и всех тех, без кого книга никак не могла появиться на свет. Книгу я писать не планирую, а сказать спасибо за всё хорошее можно и в посте на Хабре.

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

Читать далее

Кодирование с кодеком HEVC простым языком — гайд на FFmpeg. Высокое качество, но низкий вес

Уровень сложностиПростой
Время на прочтение11 мин
Количество просмотров36K

Казалось бы, довольно простой вопрос: «Чем сжать видео?». На ум сразу приходят Handbrake, Movavi Converter или ещё что-нибудь пострашнее. Однако когда речь заходит о более гиковском подходе с упором на максимальное качество и экономию места, такие программы сложно назвать инструментами. Равно как и для обратной ситуации, когда картинку нужно сильно сжать и сохранить в целостности большую часть полезной информации. Все эти программы только лишь предоставляют набор наиболее общих конфигов для обычной съёмки и 2D.

В этой статье мы изучим, как при помощи самого большого сборника свободных библиотек FFmpeg научиться кодировать видео самому именно под ваши задачи.
Читать дальше →

Нейросети и акварель в игровом дизайне: мой опыт создания локаций

Уровень сложностиСредний
Время на прочтение4 мин
Количество просмотров3.7K

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

Моя задача — подготовить концепт‑арты персонажей, локаций и интерфейса. В работе мне помогают Chat‑GPT 4 и Clip Studio Paint.

Читать далее

Детальный взгляд на Breadbox Ensemble. Что умела продвинутая оболочка для MS-DOS?

Время на прочтение5 мин
Количество просмотров11K

Привет, любители старого «железа». Это Антон Комаров, и сегодня мы изучим ИТ-артефакт, одно из имен которого — Breadbox Ensemble. Это графическая оболочка для MS-DOS, которая значительно опередила свое время. К примеру, концепция меню «Пуск» в ней появилась на 2,5 года раньше, чем в Windows 95. Компанию-разработчика, Berkeley Softworks, пытались купить Microsoft, Apple Notebooks и Sun Microsystems. Но руководство не согласилось, решив продолжить самостоятельное «плавание». И оно было довольно успешным: последняя версия оболочки вышла аж в 2009 году.

Так что заваривайте себе чайку, доставайте печеньки и давайте посмотрим, ради чего в начале 90-х шла нешуточная борьба между крупнейшими софтверными корпорациями. И как Breadbox Ensemble повлияла на внешний облик операционных систем того времени. Приятного чтения.

Читать далее

Джордж Лукас: гений, фантазер и врунишка

Уровень сложностиПростой
Время на прочтение8 мин
Количество просмотров10K

Многие знают, что лор «Звёздных войн» никогда не был статичным и Джордж Лукас постоянно вносил в него изменения, в том числе задним числом. Знаменитый мем с «Han shot first» это лишь вершина айсберга, и даже та история, что рассказана в саге с 1 по 6 эпизод окончательно сложится только после выхода «Мести ситхов».

Однако куда меньше известно, что история создания «Звёздных войн» ничуть не менее подвижна и Лукас неоднократно её переписывал. В книге Майкла Камински «Тайная история “Звёздных войн”» подробно расписана эта война с прошлым Лукаса. Я перескажу ключевые моменты с моими ремарками.

Да пребудет с тобой Сила

Профессия нейрохудожника: соавторство с нейросетью на примере чувства юмора

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров2.2K

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

Читать далее

HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 10

Уровень сложностиСредний
Время на прочтение6 мин
Количество просмотров4.5K

Хабр, я снова пришёл к вам с практическими советами про доступность вместе с Ильёй. Мы показываем, как HTML и CSS могут улучшить или ухудшить её. Напоминаю, что Илья — мой незрячий знакомый, который помогает мне найти наши косяки в вёрстке.


Сегодня мы рассмотрим следующие аспекты:

  • Почему в наших дизайн-системах и библиотеках есть сломанные нестандартные радиокнопки;
  • Мой способ отказаться от ссылки для изображения с сохранением интерактивности;
  • Дублирование стилей при наведении для фокуса вводит меня в ступор;
  • Можно ли скрыть кнопку с помощью атрибута disabled от скринридера.

Давайте начнём!

Читать дальше →

Урок по веб-дизайну для детей: как работать с сеткой в Figma

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров5.6K

Этот урок мы посвятим работе с типографикой в Figma. Вы узнаете, как работать с модульными сетками в «Фигме». Урок предназначен для детей и подростков 8 лет и старше.

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

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

Читать далее

Как создать модель миньона с нуля: бесплатные уроки Blender для детей

Уровень сложностиПростой
Время на прочтение8 мин
Количество просмотров26K

Давайте прокачаем навыки в направлении трехмерного моделирования и вместе попробуем создать миньона в программе «Блендер», предназначенной для работы с 3D‑графикой. Сразу отметим, что без базовых представлений о Blender подготовленная нами инструкция покажется трудной. Но попробовать точно стоит. Ниже оставим подборку уроков для совсем новичков, можно начать с нее, а затем вернуться к этому туториалу. Уроки предназначены для подростков 13–14 лет и старше.

Создание 3Д‑моделей — распространенное направление: оно используется в киноиндустрии, рекламе, маркетинге и дизайне, а также в разработке игр и промышленности. Профессиональные моделлеры часто применяют инструменты среды Blender — бесплатного программного обеспечения, созданного специально для 3D‑моделирования. Это обусловлено расширенными возможностями платформы.

Если вы уже имеете опыт работы в моделировании или просто хочется попробовать свои силы и сделать первые шаги в создании 3D‑моделей в Blender, вам пригодится представленная инструкция. В ней мы собрали 10 уроков в виде текстовых гайдов, а также предусмотрели видеоролики на случай, если не получится разобраться без визуала. Мы создадим модель миньона, сделаем базовое текстурирование и добавим анимацию.

Читать далее

Ближайшие события

Как делать простые анимированные онбординги в Lottie без After Effects

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров8.6K

Привет! Меня зовут Михаил Мурзак, я продуктовый дизайнер в Ozon Seller (сайт и приложение продавца).

Время от времени мы делаем анимированные онбординги крупных фич в мобильном приложении и долгое время использовали для этих целей Adobe After Effects с плагином Bodymovin (для экспорта в Lottie), но каждый раз для меня это было мучением, поэтому я решил пересесть на официальный клиент Lottie и написал этот гайд для коллег.

Теперь, когда Adobe не продлевает лицензии, этот гайд стал ещё более актуальным, и я решил опубликовать его тут.

Читать далее

uBlock Origin в качестве ограничителя потока бесполезной информации

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров10K

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

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

Читать далее

Как мы полностью обновили VK Мессенджер: переписать нельзя рефакторить

Время на прочтение12 мин
Количество просмотров13K

Случается, ты просыпаешься и осознаешь: так больше продолжаться не может и нужно что‑то менять. Разные кодовые базы, избыточное легаси и нестабильность мешают пользователям получать удовольствие от общения в твоем приложении. И эта мысль подводит тебя к развилке: один путь ведет к сложному и долгому рефакторингу легаси за почти 10 лет, второй к не менее долгому, а, порой, более сложному процессу переписывания с 0. Но какой бы путь ты ни выбрал, в любом случае начинаешь испытывать азарт — предстоит большая Задача (именно с большой буквы).

Привет Хабр, меня зовут Федор Неживой, я ведущий программист‑разработчик в команде VK Мессенджера и сегодня расскажу вам, как мы перестраивали и обновляли один из крупнейших проектов в рунете. В статье будет боль, пот, реальный код и детали, как мы шаг за шагом пришли к масштабному обновлению, а потом внедряли то, что получилось.

Читать далее

PostHog для UX-дизайнера: от анализа данных до повышения зарплаты

Уровень сложностиСредний
Время на прочтение4 мин
Количество просмотров3.8K

Привет, Хабр! Меня зовут Витя, я работаю проектировщиком интерфейсов в Selectel. Довольно часто при изучении пользовательского опыта мы с коллегами используем PostHog — мощный инструмент для сбора и анализа статических данных веб-сайтов и приложений. Инструмент важный и по-настоящему сложный, поэтому хочу собрать мини-курс о том, как с ним работать.

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

Проектирование функционала бэк-офисного продукта на основе практического опыта

Время на прочтение9 мин
Количество просмотров1.6K

Привет! Меня зовут Настя, я UX-дизайнер внутренних сервисов в Лемана ПРО (Леруа Мерлен). Мы с командой создаем чертовски сложный внутренний продукт, и нам критически важно, чтобы сервисы и разделы в нем были понятны коллегам и удобны в использовании.

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

Сегодня расскажу про наши процессы, а также про исследования и инструменты, которые помогают проектировать продукт.

Читать далее

Видеоигры упёрлись в потолок? Куда дальше развиваться?

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров20K

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

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

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

Сразу предупрежу: я не буду использовать чит-коды и касаться темы VR/AR игр, облачного гейминга, а попытаюсь сосредоточиться на классическом ПК (консольном) опыте.

Познать истину!

Как я управлял трансивером и выходил в эфир через кнопочный телефон

Уровень сложностиСредний
Время на прочтение6 мин
Количество просмотров9.8K

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

Читать далее