🛠️ DevTools для дизайнера: как проверять вёрстку без страха перед кодом
Дима из Voximplant написал руководство по использованию инструментов разработчика для дизайнеров. Главная мысль: открыть DevTools это как поднять капот у автомобиля. Не нужно разбирать двигатель, достаточно понимать, где что находится.
Самая полезная функция для дизайнера это инспектор элементов. При наведении на элемент DevTools подсвечивает отступы цветом: зелёный показывает padding (внутренние отступы), оранжевый показывает margin (внешние). Вкладка Computed показывает финальные значения после всех вычислений браузера, а Styles показывает исходные CSS-правила и откуда они пришли. В Responsive Design Mode можно проверить адаптив, выбрав конкретное устройство или задав размеры вручную. Справа есть ручка для плавного изменения ширины, чтобы заметить момент, когда начинаются проблемы с вёрсткой.
Внутри:
– Как быстро достать SVG-логотип через Copy element;
– Зачем нужна вкладка Network для скачивания защищённых изображений;
– Как тестировать идеи прямо в браузере без Figma;
– Почему изменения видны только вам до обновления страницы;
– Какие пять основных зон есть в интерфейсе DevTools;
– Как конкретные значения отступов упрощают фидбек разработчикам.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Туториал на крутую фишку в презе 😎
Хочешь, чтобы твои слайды цепляли с первого взгляда? Лови простой, но эффектный трюк, от которого презентация сразу станет «вау» ✨
Как повторить 👇
1. Вставь 4 фото, добавь внизу текст.
2. Добавь фигуру «прямоугольник» на одну из картинок, залей ее черным цветом и сделай полупрозрачной.
3. Добавь эту фигуру на оставшиеся 3 фотографии.
4. Дублируй слайд 4 раза.
5. Теперь по очереди начиная со 2 слайда удали добавленную фигуру.
6. Примени эффект для переходов «появление» и наслаждайся результатом 🔥
Ставь реакцию ❤️, если полезно
Во Франции скандал вокруг Shein не прекращается. Cразу 12 отраслевых федераций и более сотни локальных брендов подали коллективный иск против европейского подразделения китайского гиганта.
Ассоциации обвиняют платформу в недобросовестной конкуренции и нарушении европейских норм безопасности. По их словам, бизнес-модель Shein (сверхнизкие цены, огромный ассортимент, стремительная смена коллекций, нарушение экологических требований) ставит французские компании в заведомо проигрышное положение и подрывает рынок.
По оценкам коалиции, подобная модель могла стоить сектору до €3 млрд. Союзники иска утверждают, что действия Shein привели к банкротству множества локальных марок, росту пустующих торговых площадок и потере десятков тысяч рабочих мест — в одном только модном ретейле за пять лет, по их данным, стало меньше на примерно 23 тыс. вакансий.
Участники коалиции называют свой иск историческим шагом, поскольку впервые такая широкая группа отраслевых организаций объединилась против глобальной платформы.
🔹The Blueprint News
мы запускаем курс по вэб-дизайну. программа уже на сайте. больше информации скоро.
p.s. первые 10 мест доступны со скидкой 13% по промику webcultura
Вот так создал обложку для ролика на основе чернового наброска. Дизайнеры все???
#архитектура
Монументальная скульптура «Ложка с вишенкой» стала одним из самых узнаваемых символов Миннеаполиса (США) и ярким примером поп-арта в городском пространстве.
Авторы создали сюрреалистический образ: гигантская алюминиевая ложка увенчана яркой красной вишней — дуэт Класа Ольденбурга и Кошье ван Брюгген возводит банальный кухонный инструмент в объект восхищения и размышлений о природе искусства.
Струящаяся из ложки вода добавляет композиции динамики, превращая статичную форму в активный элемент паркового пространства, который трансформируется в зависимости от освещения и погодных условий.
Spotify готовит масштабное обновление, чтобы обогатить опыт своих пользователей. Теперь, помимо текста и информации о музыканте, на странице трека будет отображаться его ДНК: смысловой контекст, влияние на культуру и отсылки к другим произведениям музыканта. А также уже запущена вторая часть обновления — расширенные кредиты к каждому треку с упоминанием всех-всех людей, участвовавших в его создании: от инженеров мастеринга до вокалистов хора.
ало, ¡portfolio hero 7! начнётся 1 декабря
📁 ¡portfolio hero! — бесплатный челлендж для графических и цифровых дизайнеров, которые давно откладывали портфолио «на потом».
💭 челлендж длится три недели. за это время вы разберётесь со структурой портфолио, поймёте, что в нём действительно важно, и соберёте три аккуратных, уверенных кейса. мы будем сопровождать вас каждую неделю с эфирами, разборами, материалы — всё, чтобы вы не потерялись по дороге и дошли до финала.
❤ ¡portfolio hero! — это повод наконец разобраться с незаконченными кейсами или собрать их с нуля. а в декабре, под конец года, особенно приятно закрыть этот назидающий гештальт!
👀👀 ещё раз:
- начинаем 1 декабря, но присоединиться можно на любой из трёх недель
- чтобы участвовать, зарегистрируйтесь в боте @portfolioherobot
🎭В СПбГУПТД объявили новую тему проекта «Опера & Подиум» — буфф или опера в жанре комедии.
🎼В этом году студентам Университета ПромТехДизайн предстоит работать над костюмами и гримом для исполнителей шедевров мировой оперы, среди авторов которых — виртуозный Моцарт, лиричный Прокофьев, мастер комической оперы Россини и романтичный Доницетти. А студентам Консерватории им. Н.А. Римского-Корсакова предстоит исполнить арии на сцене СПбГУПТД.
🔗Подробнее на Дзене.
Реалити. День 7
Сегодня Диана занималась своими уже оформленными заказами, согласовывала и сдавала работы
😦По новым заказам 0
Смотрите кружок и голосовое выше, рассказала что об этом думаю
И еще раз скажу, такое затишье обязательно происходит на любом пути, главное не отчаиваться и получать поддержку
Я Диану сегодня тоже поддержала, она у нас умничка 🤍
Хоть и середина пути, а у нас по заказам еще не половина. Это все нормально, главное двигаться дальше еще с большим энтузиазмом 🔥
Зато по заказам было время разгрести задачи, чтобы освободить окошки для новых клиентов
Всем сладких снов 🌒
