Публикации по теме 'ui-design'
Создание интерактивной карты Сан-Диего
С тех пор, как я опубликовал свой последний проект JavaScript, некоторые студенты хотели знать, как я создал свою карту. Итак, здесь я собираюсь разбить на несколько простых шагов то, что я сделал для этого. Если вы хотите увидеть оригинальное демо моего проекта, вы можете посмотреть его здесь .
Сначала я огляделся в поисках карты, которая выглядела так, как будто она хорошо подходит для того, что я имел в виду. Потрясев дерево Google некоторое время, я нашел sandiego.org, веб-сайт с..
Подходит ли вам монорепозиторий?
Monorepos — это архитектура кода, популяризированная технологическими гигантами Google и Facebook. Идея состоит в том, чтобы разместить несколько пакетов (например, ваше приложение и дизайн-систему) в одном репозитории, что упрощает одновременную работу с ними.
Но подходит ли монорепозиторий для вашей команды? Можете ли вы поддерживать монорепозиторий без специальной команды платформы, которая есть в крупных компаниях?
Чтобы выяснить это, chantastic взяли интервью у Катерины..
3 причины, по которым вашей инженерной команде нужен дизайнер
КОДЕКС
3 причины, по которым вашей инженерной команде нужен дизайнер
Как инженер-программист, я всегда впечатляюсь, когда наша команда получает новый дизайн от нашего дизайнера. Это всегда выглядит так красиво и намного лучше, чем то, что я мог придумать сам.
На этой неделе в TeamBuildr мы собрали новый экран для нашего веб-приложения, которое использует API, о котором я говорил в статье на прошлой неделе. Всю неделю, пока мы строили его, я продолжал думать о том, как я..
Интерфейс Angular 2 Master-Detail
Интерфейс Master-Detail - это очень распространенная часть пользовательского интерфейса в наши дни. В этой статье мы увидим, как создать такой интерфейс. Мы будем использовать множество инструментов, поставляемых с Angular 2: маршрутизация, отложенная загрузка, охранники, резолверы, реактивные формы. Исходный код, описанный в этой статье, доступен в проекте github feloy / ng2-master-detail , а теги git размещены на каждой важной вехе, указанной в статье. Живые демонстрации доступны..
Изучение пользовательского интерфейса Chakra — Новое приложение React.
Взгляд исследователя на стильную и доступную библиотеку компонентов пользовательского интерфейса для приложений React.
Привет всем! Сначала немного предыстории.
Я работаю с React чуть больше года и провожу большую часть своего времени, изучая удивительные способы организации и представления информации в Интернете. Да, я энтузиаст пользовательского интерфейса, у меня есть своего рода одержимость чистыми пользовательскими интерфейсами.
23 декабря 2021 года я обнаружил кое-что, что..
Добавляйте блеклый текст в компоненты React с помощью CSS-переходов и анимации.
В современных веб-приложениях ключевое значение имеет создание удобного пользовательского интерфейса. Давайте посмотрим, как создать этот опыт при работе с выцветшим текстом.
Цель этой статьи состоит в том, чтобы к концу вы смогли добавить затухание к текстовому отображению в вашем приложении React, которое имеет переключатель развертывания/свертывания, распространенный шаблон, встречающийся в Интернете.
Предпосылки
Вам нужно будет установить git и node с npm на свой..
Визуальная иерархия в дизайне пользовательского интерфейса
Основы дизайна пользовательского интерфейса, часть IV
Существует 7 основ дизайна пользовательского интерфейса, и визуальная иерархия — одна из них. Другие — пустое пространство, цвет, контраст, масштаб, выравнивание и типографика. Все это связано друг с другом.
Например, вы можете создать визуальную иерархию в своем интерфейсе, используя типографику, например, увеличив заголовки, чтобы привлечь больше внимания к…