Публикации по теме 'ui-design'
Инструмент загрузки фотографий: изобретайте шаблоны UX, а не следуйте им
В предыдущем рассказе я рассказывал о том, как мне удалось решить проблему множественного выбора из очень длинного списка , что оказалось вторым этапом процесса создания листинга, с которым столкнулись наши провайдеры. У этого же процесса был еще один сложный момент: отсутствие разнообразия загружаемых фотографий.
Наша команда по качеству контента, которая проверяет созданные провайдером объявления, постоянно просила их загрузить больше фотографий по определенным темам , потому что..
Проектирование для телевидения, часть 2
Прототипирование пользовательского интерфейса
С Самиром Захраном и Мишель Круз
В Части 1 мы подробно остановились на основных компонентах пользовательского интерфейса ТВ. Теперь, когда у нас есть макет , мы готовы приступить к самой важной части процесса проектирования продукта: созданию прототипа.
Успешный продукт измеряется его использованием, поэтому чем раньше мы почувствуем опыт, тем больше мы сможем улучшить конечный продукт. Особенно это актуально для..
fullPage.js – Начать работу в Dart
Узнайте, как использовать эту библиотеку презентаций JS в Dart
В сегодняшнем руководстве мы узнаем, как использовать библиотеку презентаций fullPage.js в веб-проекте Dart. Для этого мы будем использовать пакет js от команды Dart.
Настраивать
Установите stagehand и сгенерируйте веб-проект:
$ pub global activate stagehand
$ mkdir my_project && cd my_project
$ stagehand web-simple
Измените раздел dependencies файла pubspec.yaml :
dependencies :
js :..
Коллекция лучших веб-инструментов
# Краткое введение
**Привет, надеюсь, все идет хорошо. В этом посте я поделюсь некоторыми **отобранными** инструментами, которые наверняка выведут ваш проект на новый уровень!
Поскольку первое впечатление — это последнее впечатление, и вы не хотите его потерять.
Каждый инструмент, перечисленный ниже, протестирован мной, и я нашел их очень полезными и решил поделиться ими со всеми вами. **поверьте мне, это будет потрясающе!**
Итак, не теряя много времени, давайте перейдем к нашей сути...
Полное руководство по Flexbox
Полное руководство по макету CSS flexbox. Это полное руководство объясняет все о flexbox, уделяя особое внимание всевозможным свойствам родительского элемента (flex-контейнера) и дочерних элементов (flex-элементов). Он также включает в себя историю, демонстрации, шаблоны и таблицу поддержки браузеров.
Позвольте мне сначала дать вам небольшую предысторию и понимание основ и терминологии. [Не хватает времени? пропустите это сейчас]
ЗАДНИЙ ПЛАН
Модуль Flexbox Layout (Flexible..
Почему Manifold использует сетку 8pt
Почему Manifold использует сетку 8pt
Предупреждение! Модный дизайн ниже! Возвращайся, если тебе все равно!
TL; DR : продукты Manifold теперь будут использовать сетку размером 8 пунктов, потому что она проста, единообразна и содержит ограничения. Это относится как к визуальным макетам, так и к интерфейсной реализации.
На протяжении большей части срока службы продукта Manifold в нашей дизайн-системе отсутствовала сетка. Мы используем взгляд нашего дизайнера, чтобы перемещать..
Мои правила разработки UI-компонентов
Методичность — важное качество, когда дело доходит до веб-разработки. За годы своей работы я понял, что программное обеспечение основано на шаблонах и согласованности. В этой статье я описываю свои шаблоны для разработки компонентов пользовательского интерфейса, которые полностью не зависят от фреймворка. При таком подходе я обнаружил, что код, который я пишу, удобен и прост в обслуживании.
Начните с разметки
На мой взгляд, HTML-разметка — лучшая отправная точка для разработки..
