Как начать работать с Nuxt UI — библиотекой компонентов для Vue и Nuxt

Недавно UI-библиотека Nuxt UI получила серьёзное обновление — версию Nuxt UI 4. Это принесло два больших изменения. Во-первых, теперь можно использовать Nuxt UI не только с Nuxt, но и с Vue напрямую. Во-вторых, все ранее платные возможности (Pro-компоненты, стартовые шаблоны и Figma UI Kit) теперь полностью бесплатны. Всё это хороший повод разобраться, как же устроена Nuxt UI, в чём её преимущества и как начать с ней работать.

https://habr.com/ru/companies/timeweb/articles/971892/

#nuxt #nuxtjs #vue #vuejs #nuxt_ui #uiбиблиотеки #typescript #ui_kit #web #timeweb_статьи

Как начать работать с Nuxt UI — библиотекой компонентов для Vue и Nuxt

❯ Вступление Вряд ли в наше время еще нуждается в представлении Vue  — фронтенд-фреймворк, который входит в тройку лидеров , наравне с React и Angular. За годы...

Хабр

Open source-стратегии: с чего начать в открытом формате — дизайн-система телекома и мобильного оператора T2

На днях делился подборкой научных статей по open source — одна из них предлагает обращать внимание на определенные управленческие моменты при участии компаний в открытой разработке. Сегодня продолжим обсуждать тему, но в менее академическом ключе и сфокусируемся на примечательном практическом кейсе. В центре внимания — открытая дизайн-система Т2. Как уточняет Сергей @OsipovSV лид данного направления в Т2, разговором с которым я делюсь далее, новую дизайн-систему пока сложно считать полноценным open source-продуктом. Однако для меня этот кейс интересен с точки зрения первых шагов компании в данном направлении.

https://habr.com/ru/articles/959226/

#open_sourceстратегии #открытая_дизайнсистема #ui_kit #интерфейсы #дизайнсистема

Open source-стратегии: с чего начать в открытом формате — дизайн-система телекома и мобильного оператора T2

На днях делился подборкой научных статей по open source — например, одна из них предлагает обращать внимание на определенные управленческие моменты при участии компаний в открытой разработке. Сегодня...

Хабр

UI Kit как рычаг роста: как связать Figma и код

Как превратить UI Kit из дизайнерского артефакта в живую систему, где обновление стиля в Figma автоматически обновляет код на Android. В статье — наш путь от ручного копирования палитр до генерации типобезопасных токенов через KotlinPoet, Gradle-плагины и Figma JSON. Расскажу, как бизнес получает скорость и консистентность, как темная тема перестаёт быть болью, и почему iOS может безболезненно присоединиться к этой архитектуре.

https://habr.com/ru/articles/956130/

#ui_kit #design_system #android #kotlin_multiplatform #kotlin

UI Kit как рычаг роста: как связать Figma и код

Что такое UI Kit и зачем он вообще нужен UI Kit — это библиотека визуальных компонентов и стилей продукта: цвета, шрифты, отступы, кнопки, карточки и т.д. Его основная цель — сделать интерфейс единым...

Хабр

MutationObserver + React: меняем ошибки UI Kit без патча библиотеки

Привет, на связи снова я – React-разработчик Дмитрий. Сегодня отвлечемся от теории и разберем конкретный случай и какое решение для него использовалось. При работе с готовыми UI-библиотеками часто возникает небольшая проблема — компонент хорош, но его поведение нельзя настроить под требования конкретного случая. Я столкнулся с этим на практике, когда в используемой версии UI Kit не было возможности кастомизировать тексты выводимых ошибок, а бизнес-требования четко задали формулировки. В моём случае это был компонент для загрузки файлов. Он работал исправно — позволял выбрать файл, проверял его размер и формат и при ошибках показывал сообщение. Проблема была только в тексте этих сообщений. Нужно было использовать просто другую формулировку текста ошибки. Собственно, выглядит компонент загрузки файла вот так:

https://habr.com/ru/companies/gnivc/articles/949862/

#mutationobserver #javascript #Reac #reactjs #reactjs #ui_kit

MutationObserver + React: меняем ошибки UI Kit без патча библиотеки

Привет, на связи снова я – React-разработчик Дмитрий. Сегодня отвлечемся от теории и разберем конкретный случай и какое решение для него использовалось. При работе с готовыми UI-библиотеками часто...

Хабр

The role of a user persona in UX and how to create it

A lot of articles and guides on how to create an effective UX design for a software product mention “sticking to a user persona” in order not to waste efforts and resources on a non-target audience. What is a user persona, how to define it, and how can it help the UX team in finding the best design solutions for a product?

https://habr.com/ru/articles/942046/

#ui #uikit #ui_testing #ui_kit #uitableview #uicollectionview #uiтесты #uix #ux #ux_design

The role of a user persona in UX and how to create it

A lot of articles and guides on how to create an effective UX design for a software product mention “sticking to a user persona” in order not to waste efforts and resources on a non-target audience....

Хабр

Рецензия на переводную книгу “Законы UX-дизайна, 2 издание”

Сегодня UX-дизайн уже не воспринимается как нечто «дополнительное» к разработке приложений и сайтов. Это ядро цифрового продукта, а UX-дизайнер — не просто оформитель, а архитектор пользовательского опыта. Этим ценны фундаментальные и хорошо структурированные знания из книги « Законы UX‑дизайна, 2 издание » Джона Яблонски. В ней автор пишет о том, как люди воспринимают интерфейсы, принимают решения и реагируют на взаимодействие с системами, — и эти знания , — как раз тот самый профессиональный минимум.

https://habr.com/ru/companies/ssp-soft/articles/917846/

#ux_design #uxкоманда #ux_для_новичков #uxстратегия #ux #ui #ui_kit #uix

Рецензия на переводную книгу “Законы UX-дизайна, 2 издание”

Сегодня UX-дизайн уже не воспринимается как нечто «дополнительное» к разработке приложений и сайтов. Это ядро цифрового продукта, а UX-дизайнер — не просто оформитель, а архитектор пользовательского...

Хабр

Эволюция Angular с колокольни UI-Kit-разработчика

На этой неделе команда Angular отметила значимый юбилей в истории развития своего фреймворка — 20-ю мажорную версию! Лучше повода не найти, чтобы удариться в ностальгические воспоминания про путь развития Angular за последние 5 лет — за десять последних мажорных версий. Предлагаю нестандартный подход к изучению темы. Возьмем непопулярную точку зрения: мой многолетний опыт разработки огромной коллекции библиотек с компонентами под Angular — продукт под названием Taiga UI. В статье мы опустим многие заезженные фичи каждой мажорной версии Angular и сфокусируемся на кажущихся мелочах, которые стали значимыми шагами в истории развития нашего семейства библиотек. Я постараюсь на время статьи дать примерить шкуру разработчика Angular UI Kit!

https://habr.com/ru/companies/tbank/articles/914260/

#angular #taiga #taiga_ui #taiga_family #ui_kit #uikit #open_source

Эволюция Angular с колокольни UI-Kit-разработчика

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

Хабр

ИИ-челлендж. Май 1

Моему ТГ-каналу про веб-дизайн из нейронок уже больше двух лет. И я запустил челлендж для себя и всех желающих дизайнеров ) Подробнее

https://habr.com/ru/articles/910642/

#ui #ui_kit #uix #дизайн #вебдизайн #ии #ai #figma

ИИ-челлендж. Май 1

Моему ТГ-каналу про веб-дизайн из нейронок уже больше двух лет. За это время Я сделал из него группу и привлёк внимание ботов. Это, конечно, успех )) Я видел Midjourney версии 3, возникновение и...

Хабр

Почему не дружат фронтендер и дизайнер: работающие техники общения между отделами

Привет! Меня зовут Алексей Песоцкий, я фронтенд-тимлид в AGIMA. Противостояние дизайнеров и разработчиков носит уже почти легендарный характер. Этой теме посвящены десятки статей, видосов и докладов. А отношения отделов ставят в один ряд с другими фундаментальными конфликтами: кошки и собаки, кому дует и кому душно, Хельга и Арнольд. Но мы в компании уверены: чтобы лучше понимать друг друга, нужно просто следовать элементарным правилам. Я провел небольшой аудит статей по теме, понаблюдал, как эта коммуникация устроена у нас — и решил напомнить всем, почему для дружбы фронтендера и дизайнера нет никаких препятствий.

https://habr.com/ru/companies/agima/articles/909032/

#frontendразработка #дизайн #управление_разработкой #webразработка #webдизайн #ui_kit #figma

Почему не дружат фронтендер и дизайнер: работающие техники общения между отделами

Привет! Меня зовут Алексей Песоцкий, я фронтенд-тимлид в AGIMA . Противостояние дизайнеров и разработчиков носит уже почти легендарный характер. Этой теме посвящены десятки статей, видосов и докладов....

Хабр

Как я написать плагин для Figma, не написав ни строчки кода

Привет, я не программист, но я написал полезный плагин для Figma, не написав ни строчки кода. Плагин локализует перемещённые алиас-переменные. На всё ушло 23 часа (да долго, но сам бы писал ещё дольше). А это почти краткая история про то, как я это сделал, используя только своё желание упростить работу с переменными в Figma и парочку бесплатных AI Читать

https://habr.com/ru/articles/898972/

#Figma #figma_plugin #figma_design #figma_api #design_system #ui_kit #javascript #ai #gemini #нейросеть

Как я написать плагин для Figma, не написав ни строчки кода

TL;DR: Привет, я не программист, но я написал полезный плагин для Figma, не написав ни строчки кода. Плагин локализует перемещённые алиас-переменные. На всё ушло 23 часа (да долго, но сам бы писал ещё...

Хабр