Публикации по теме 'ui'


Что, если бы элементы графического интерфейса не ограничивались рамками?
Нестандартное мышление в дизайне графического интерфейса. Кнопки, панели, меню, списки - хочется подумать , что большинство элементов графического интерфейса занимают только прямоугольные области экрана. Здесь мы исследуем, почему и как это ограничивает пользователей, дизайнеров пользовательского интерфейса и разработчиков - и как мы можем добиться большего. Чтобы подогреть ваш аппетит: обсуждаемые концепции позволяют виджетам, которые адаптируются к пользователям небольшими, но..

ТОПОР, а не UX
ТОПОР, а не UX Ночью я прекрасный художник; моя главная страсть. Но это касается моей основной работы, моей второстепенной страсти, которой я занимаюсь более двадцати лет. У моей повседневной работы было много имен, в настоящее время я использую UX Designer. Это дизайнер пользовательского интерфейса для тех, кто не знаком с ИТ-терминами. Короче говоря, я член команды, помогающий в создании / кодировании веб-сайта или приложения, которое вы либо «используете» свободно, либо..

Вот 5 полезных фреймворков для компонентов пользовательского интерфейса React
Сделайте свой пользовательский интерфейс намного лучше Действительно отличный пользовательский интерфейс - одно из ключевых качеств фронтенд-разработки. Следовательно, инфраструктура React UI может ускорить вашу разработку и облегчить вам жизнь. Если вы хотите сэкономить время, вот 5 полезных фреймворков для компонентов React UI. 1. Материал-UI Material-UI - это набор компонентов React, реализующих рекомендации Google по дизайну материалов. Это самая популярная библиотека..

Создание модульных уведомлений в React
В этой статье будет описано отображение уведомлений об ошибках, которые мы хотим показать, и перехват этих ошибок с помощью перехватчика axios. Предварительные требования В этой статье предполагается, что вы: уже есть проект React и экспресс-приложение ИЛИ вы можете создать его самостоятельно. иметь практические знания Redux (экшены/редукторы) иметь представление о том, что такое перехватчики axios и как они работают. Предыстория… Как пользователь приложения, есть время и место,..

Мокапы современных устройств с Devices.css
Мокапы современных устройств с использованием чистого CSS Devices.css позволяет разработчикам легко включать макеты современных устройств непосредственно в свои проекты. Devices.css, разработанная исключительно на CSS, представляет собой отличную библиотеку для демонстрации приложений, веб-страниц, снимков экрана и многого другого. В настоящее время он поддерживает некоторые известные устройства, такие как iPhone X (в основном iPhone 11), MacBook Pro, iPad Pro, Surface Book и т. Д...

4.1) Экран приложения 1 (интеграция пользовательского интерфейса и серверной части)
Пользовательский интерфейс для владельца, чтобы опубликовать свое объявление: Он содержит различную информацию, которую владелец может опубликовать, например, информацию об адресе, информацию о собственности, дополнительную информацию. Он содержит все детали, которые необходимы владельцу для публикации объявления. После того, как все данные введены правильно, отображается страница успеха. Для размещения вашего веб-приложения: hasura/ngrok..

Простое вложенное древовидное меню с vanilla js и css
При создании макета панели инструментов мне недавно потребовалось вложенное древовидное меню. Желательно, чтобы он поддерживал любой произвольный уровень вложенности. Уже были доступны некоторые пакеты, такие как JSTree , но они были созданы для поддержки множества дополнительных функций, таких как изменение темы меню, динамическое добавление веток и т. д., что сделало их больше, чем мне нужно. Мне не нужны были какие-либо из этих функций, и поэтому я решил создать его сам. Этот..