Видео в div: как корректно встроить и управлять видеоконтентом в интерфейсе

Работа с видеоконтентом в современных веб-интерфейсах перестала быть задачей «для отдельных случаев». Продукты, обучающие платформы, SaaS-сервисы, внутренние кабинеты — всё чаще требуют не просто вставить ролик на страницу, а поместить видео в div так, чтобы оно работало корректно в разных контекстах: адаптивность, стилизация, интерактивность, логи…

Model #000

Model #000

Не продаётся. Не производится. Не принадлежит.
У неё нет владельца, потому что никто не должен её иметь.
У неё нет цены, потому что она не товар.
У неё нет бренда, потому что она сбой, а не продукт.
Это не пара обуви.
Это — ошибка системы, которую ты почему-то хочешь примерить.
Model #000 не будет в магазине.
Но она уже у тебя в голове.

Model #000 / THE STATIC

Это не коллекция. Это сбой. Digital-модель, созданная без вкуса, без дизайнера, без цели.

20 готовых промтов, чтобы генерировать рекламные баннеры за 30 секунд

Нейросети уже умеют делать баннеры, и делают их неплохо — особенно если знать, что и как писать в промте.

Ниже — 20 протестированных промтов, с которыми даже бесплатный ChatGPT/Sora (у них под капотом одно и то же) может генерировать креативы дизайнерского качества: с нормальной типографикой, хорошим шрифтом, сбалансированной композицией.

8

Ультимативный гайд по анимации в Figma: режим прототипирования, изинги, смарт-анимация, типы взаимодействия, триггеры и их свойства. Для новичков, чайников, любителей и профессионалов

За время своей работы я достаточно изучил Figma, чтобы не только хорошо ей пользоваться и получать результат, но и начать делиться своими знаниями.

Ультимативный гайд по анимации в Figma: режим прототипирования, изинги, смарт-анимация, типы взаимодействия, триггеры и их свойства. Для новичков, чайников, любителей и профессионалов
32

Photoshop или Figma?

Цель статьи не перетянуть одеяло на какую-то конкретную программу, а рассказать начинающим дизайнерам - какие инструменты для разработки сайтов, где использовать. До сих пор топите исключительно за фотошоп? Значит вам тоже будет полезно)

Photoshop или Figma?
1

Извлекаем URL и анкоры из SERP Яндекс и Google в один клик: сделал простое решение

Приветствую! В этой статье поделюсь простым и бесплатным решением по извлечение URL-адресов из результатов поиска по любому ключевому слову из Яндекс и Google.

Данная процедура может понадобиться совершенно для разных задач, например:

20

Как создать фавиконку адаптирующуюся под цвет системы

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128"> <path d="..." /> <style> path { fill: #000; } @media (prefers-color-scheme: dark) { path { fill: #FFF; } } </style> </svg>
26

Типографика в веб дизайне в цифрах

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

42
2

Opium.Fill — стандартизация цветовой схемы глазами программиста

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

Opium.Fill — стандартизация цветовой схемы глазами программиста
68

Фантастические IT-специалисты и где они обитают

Семь кейсов нестандартного привлечения IT-специалистов на работу

Автор: Анна Максимова – старший копирайтер employer-брендингового агентства makelove

2

Почему 90% дизайнеров юзают Color Styles неправильно

Многие дизайнеры (и далеко не новички) используют Color Styles просто как палитру для хранения цветов, а потом тратят кучу времени на правки, если какой-то отдельный цвет не нравится заказчику. Особенно остро встаёт проблема, когда появляется задача перекрасить интерфейс в новомодную тёмную тему.

Почему 90% дизайнеров юзают Color Styles неправильно
54