Меню гамбургера.

• Очень простая анимация для иконок меню гамбургера.

#animation #hamburger #icons

Открыть в Figma

👨 Дизайн-телега

Image Trim

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

#Plugin

ОТКРЫТЬ

👨 Дизайн-телега

Вы опытный web-разработчик? Приходите на открытый вебинар "От React к Vue за один шаг: как легко освоить новый фреймворк"!

Что будет на вебинаре?
- Сравнение основных компонентов и концепций React и Vue, чтобы увидеть, как они перекликаются.
- Разбор синтаксиса, управления состоянием и рендеринга — выясним, насколько привычные подходы из React можно легко применить в Vue.
- Практическое руководство по быстрому освоению Vue через знакомые идеи и шаблоны из React.

Что узнают участники?
- Как легко перейти с React на Vue, используя знакомые концепции.
- Принципы организации компонентов и управления состоянием, которые делают переход плавным и понятным.
- Уверенность в том, что навыки, освоенные в React, могут быть полезны и ускорить работу с Vue в реальных проектах.

🔥Регистрируйтесь на урок 27 ноября, в 20:00 мск и получите скидку на большое обучение «JavaScript Developer. Professional»: https://vk.cc/cFdRE7

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Новости дизайн-систем подъехали:
 
1. Nathan Curtis: Как может быть устроена поддержка нескольких платформ в команде. Он приводит несколько характерных примеров.
 
2. Material Design: Добавили концепцию слот-компонентов. Это область компонента, в которую можно добавлять другие интерфейсные решения, не заданные изначально. Подход позволяет командам добавлять свои уникальные вариации под редкие задачи.

3. Figma: Как они привели в порядок свою дизайн-систему Figma Pattern Library для запуска нового интерфейса UI3 и обновлённого сайта.
 
4. Brad Frost: Как отрабатывать разные ситуации, где дизайн-система не работает для конкретного продукта.
 
5. Brad Frost: Большая сессия вопросов и ответов.
 
6. Новости инструментов:
— Figma: Большое обновление работы с токенами и параметрами компонентов в интерфейсе для дизайнеров и разработчиков.
 
— Storybook 8.4: Быстрое тестирование компонентов прямо на их странице (статус теста всегда на виду), сильное уменьшение размера самого фреймворка, теги и фильтрация по компонентам, поддержка Svelte 5 и запуск Storybook React Native 8.

7. Примеры:
— eBay Playbook. Дизайн интерфейсов и бренда. Правда, вместо реальных компонентов — скриншоты.
 
— Meta Horizon OS UI Set: Дизайн-система для платформы дополненной реальности от Меты. Пример инструкции по использованию.
 
— Yandex Cloud. Библиотека в Figma.
 
#designsystems

Отчёт State of Frontend 2024 по результатам опроса 6028 разработчиков из 139 стран → https://tsh.io/state-of-frontend/

Выпуск №449. Никита Дубко и Алексей Симоненко про Chrome 131 и DevTools, HDR в EXIF, результаты State of HTML и куки из Web Almanac.

— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте

00:01:23 Chrome 131
00:20:06 Chrome DevTools
00:33:12 HDR в EXIF
00:49:54 Результаты State of HTML
01:27:22 Куки из Web Almanac
01:53:28 Ответы на вопросы

Выпуск №450. Алексей Симоненко и Полина Гуртовая про красивые CSS-рамки, кому бы продать Chrome, Web AI summit, AI-помощники в коде, первый LTS Deno.

— Слушайте на Ютубе
— Ссылки на сайте

00:00:51 Красивые CSS-рамки
00:17:47 Кому бы продать Chrome
00:31:00 Web AI summit
01:02:35 AI-помощники в коде
01:29:39 Первый LTS Deno

Всем привет!
Нужен моушен-дизайнер удаленно на проекты в Manychat до конца года, а если будет интересно, то можно обсудить и дальше 🙌

По типу анимаций можно ориентироваться на видео в посте. Внутри у нас на моушен-дизайн такого видео уходит 5-7 рабочих дней при получении готовой раскадровки и аудио-трека на входе. Работать нужно будет быстро.

Если вам интересно, или знаете, что кому-то из знакомых может быть сейчас полезно, то пишите на sergeyandronov@manychat.com ☀️✨

Поделитесь с друзьями моушенами 🙌🏼

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

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

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

И это все превращается не в шеринг ценного, а в какую-то очередную гонку с алгоритмами, попыток угодить этим алгоритмам, купив Pro подписку. И меня особенно озадачивают все эти "Awesome" и "Nice colors" комментарии на Behance, которые стали мемом. Но ведь это уже даже не смешно, а все больше напоминает Dead Internet, где боты пишут комменты другим ботам, чтобы удовлетворить алгоритмы, а людей за этим всем и не видно.

Дима все-таки собрал результаты на Behance, потому что для него это быстрее всего, и это дает возможность сразу показать много визуального материала в одном месте.

Так что, если вы хотите посмотреть сколько там всего сочного, переходите в кейс (кстати, сразу посмотрите видео в самом верху).

И я вас хочу попросить об одном — написать в комментариях, что вы чувствуете от этого кейса, каким бы словом или фразой, не связанной с дизайном напрямую вы бы его описали? Мне это будет в 1000% ценнее комментария про то, что мы классно подобрали мокапы!

Let's go → https://www.behance.net/gallery/211860401/Instagram-Summit-by-Manychat-2024

Хочу видеть людей!
Хочу видеть вас!

41-й дайджест о новостях продуктов уже на YouTube

В этом выпуске: Nike Airmax из 3D принтера, дебрендинг Профи.ру, новые настройки в iOS 18.2 и другие новости!

📹 Смотреть тут — https://youtu.be/0OAvIdrzMMY

#дайджест

Ссылки которые хотел посмотреть

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

1. Видео с выступлением Жени Арутюнова «Три парадигмы проектирования»

2. Твит, как делать правильное выравнивание иконки в компоненте.

3. Да, хайп с тапом хомяка давно прошёл, но тут статья о его феномене и как его механики можно применять в бизнесе.

4. Статья, как быстро сделать в Figma нелинейный прототип.

5. Статья. Как снизить когнитивную перегрузку: проектируем с учетом особенностей человеческого познания.

6. Любителям философии может понравится. Статья про книгу «Гипогуманизм», она написана и нарисована полностью с помощью ИИ. Как мне пересказал статью YaGPT она об «Книга представляет собой философский трактат, объединяющий спекулятивный реализм, темную экологию, мистическую теологию и авангардную эстетику.»

Если рубрика вам зайдёт и наберёт 15 ❤️ сердечек , то я продолжу её

#ссылки