Forwarded from Shock Design
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Дизайн-Телега 🔥
This media is not supported in your browser
VIEW IN TELEGRAM
Меню гамбургера.
• Очень простая анимация для иконок меню гамбургера.
#animation #hamburger #icons
Открыть в Figma
👨 Дизайн-телега
• Очень простая анимация для иконок меню гамбургера.
#animation #hamburger #icons
Открыть в Figma
👨 Дизайн-телега
Forwarded from Дизайн-Телега 🔥
Image Trim
Обрезает лишнее пространство вокруг изображения. Например, когда вы удаляете фон у картинки, чтобы вырезать элемент, вокруг него образуются прозрачные пиксели. Плагин их уберёт и с картинкой будет удобно работать.
#Plugin
ОТКРЫТЬ
👨 Дизайн-телега
Обрезает лишнее пространство вокруг изображения. Например, когда вы удаляете фон у картинки, чтобы вырезать элемент, вокруг него образуются прозрачные пиксели. Плагин их уберёт и с картинкой будет удобно работать.
#Plugin
ОТКРЫТЬ
👨 Дизайн-телега
Forwarded from Node.JS [ru] | Серверный JavaScript
Вы опытный web-разработчик? Приходите на открытый вебинар "От React к Vue за один шаг: как легко освоить новый фреймворк"!
Что будет на вебинаре?
- Сравнение основных компонентов и концепций React и Vue, чтобы увидеть, как они перекликаются.
- Разбор синтаксиса, управления состоянием и рендеринга — выясним, насколько привычные подходы из React можно легко применить в Vue.
- Практическое руководство по быстрому освоению Vue через знакомые идеи и шаблоны из React.
Что узнают участники?
- Как легко перейти с React на Vue, используя знакомые концепции.
- Принципы организации компонентов и управления состоянием, которые делают переход плавным и понятным.
- Уверенность в том, что навыки, освоенные в React, могут быть полезны и ускорить работу с Vue в реальных проектах.
🔥Регистрируйтесь на урок 27 ноября, в 20:00 мск и получите скидку на большое обучение «JavaScript Developer. Professional»: https://vk.cc/cFdRE7
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Что будет на вебинаре?
- Сравнение основных компонентов и концепций React и Vue, чтобы увидеть, как они перекликаются.
- Разбор синтаксиса, управления состоянием и рендеринга — выясним, насколько привычные подходы из React можно легко применить в Vue.
- Практическое руководство по быстрому освоению Vue через знакомые идеи и шаблоны из React.
Что узнают участники?
- Как легко перейти с React на Vue, используя знакомые концепции.
- Принципы организации компонентов и управления состоянием, которые делают переход плавным и понятным.
- Уверенность в том, что навыки, освоенные в React, могут быть полезны и ускорить работу с Vue в реальных проектах.
🔥Регистрируйтесь на урок 27 ноября, в 20:00 мск и получите скидку на большое обучение «JavaScript Developer. Professional»: https://vk.cc/cFdRE7
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Forwarded from Node.JS [ru] | Серверный JavaScript
Статья исследует ошибки, связанные с попытками создать «идеальный» код. Автор делится опытом, где стремление к универсальности, избыточное кэширование и усложнённые решения усложнили задачи вместо упрощения.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Дайджест продуктового дизайна
Новости дизайн-систем подъехали:
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
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
Medium
Managing Design Systems with Many Core Libraries
How you align design and engineering and synchronize releases depends on the frameworks, platforms and teams involved
Forwarded from For Web — фронтенд, дизайн, программирование
Отчёт State of Frontend 2024 по результатам опроса 6028 разработчиков из 139 стран → https://tsh.io/state-of-frontend/
Forwarded from Веб-стандарты (Vadim Makeev)
Выпуск №449. Никита Дубко и Алексей Симоненко про Chrome 131 и DevTools, HDR в EXIF, результаты State of HTML и куки из Web Almanac.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
449. Chrome 131 и DevTools, HDR в EXIF, результаты State of HTML…
Веб-стандарты
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 Ответы на вопросы
00:20:06 Chrome DevTools
00:33:12 HDR в EXIF
00:49:54 Результаты State of HTML
01:27:22 Куки из Web Almanac
01:53:28 Ответы на вопросы
Forwarded from Веб-стандарты (Vadim Makeev)
Выпуск №450. Алексей Симоненко и Полина Гуртовая про красивые CSS-рамки, кому бы продать Chrome, Web AI summit, AI-помощники в коде, первый LTS Deno.
— Слушайте на Ютубе
— Ссылки на сайте
— Слушайте на Ютубе
— Ссылки на сайте
450. Красивые CSS-рамки, кому бы продать Chrome, Web AI summit,…
Веб-стандарты
00:00:51 Красивые CSS-рамки
00:17:47 Кому бы продать Chrome
00:31:00 Web AI summit
01:02:35 AI-помощники в коде
01:29:39 Первый LTS Deno
00:17:47 Кому бы продать Chrome
00:31:00 Web AI summit
01:02:35 AI-помощники в коде
01:29:39 Первый LTS Deno
Forwarded from Designgest
Media is too big
VIEW IN TELEGRAM
Всем привет!
Нужен моушен-дизайнер удаленно на проекты в Manychat до конца года, а если будет интересно, то можно обсудить и дальше 🙌
По типу анимаций можно ориентироваться на видео в посте. Внутри у нас на моушен-дизайн такого видео уходит 5-7 рабочих дней при получении готовой раскадровки и аудио-трека на входе. Работать нужно будет быстро.
Если вам интересно, или знаете, что кому-то из знакомых может быть сейчас полезно, то пишите на sergeyandronov@manychat.com ☀️✨
Поделитесь с друзьями моушенами 🙌🏼
Нужен моушен-дизайнер удаленно на проекты в Manychat до конца года, а если будет интересно, то можно обсудить и дальше 🙌
По типу анимаций можно ориентироваться на видео в посте. Внутри у нас на моушен-дизайн такого видео уходит 5-7 рабочих дней при получении готовой раскадровки и аудио-трека на входе. Работать нужно будет быстро.
Если вам интересно, или знаете, что кому-то из знакомых может быть сейчас полезно, то пишите на sergeyandronov@manychat.com ☀️✨
Поделитесь с друзьями моушенами 🙌🏼