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


Атомарный дизайн (UI) — Что такое атомы, молекулы, организмы, шаблоны и страницы
Atomic Design — это система проектирования пользовательского интерфейса, которая помогает вам организовывать ваши коды и компоненты четким и пригодным для повторного использования способом. Атомы — поле ввода текста, кнопка Молекулы — группы атомов, как поле поиска и кнопка Организмы — группы молекул, как панель навигации поиска Шаблоны — группы организма, где дизайн объединяется с действиями макета. Страницы — конкретные экземпляры шаблонов, где пользователи в конечном итоге..
Почему я использую React JS
Будучи новичком в мире языка JavaScript (JS), я совершенно не понимал, что меня ждет. Имея множество JS-библиотек и фреймворков, как мог такой студент, как я, узнать, какой из них лучше всего использовать, чтобы обеспечить удобство использования для моих будущих клиентов? Я провел небольшое исследование некоторых замечательных инструментов. И я понял, что React JS - это то, что мне нужно. Итак, я здесь, создаю статью для таких новичков, как я, чтобы узнать, почему библиотека React JS..
Простой код — Эффективный пользовательский интерфейс — Выбор месяца
Если вы хотите, чтобы пользователи могли выбирать конкретный месяц в году, какой самый простой, но эффективный пользовательский интерфейс? Вариант 1: отдельные раскрывающиеся списки «Месяц» и «Год» Это может быть многословно, но у вас есть полный контроль над их размещением, меткой и форматом. <select> <option>January</option> <option>February</option> <option>March</option> <option>April</option>..
Учебное пособие по электронной коммерции и блогам, часть 3:
Учебное пособие по электронной коммерции и блогам, часть 3: Библиотеки компонентов Ничего себе, функциональный, созданный вручную, бесплатный веб-сайт всего за 20 минут 👏! Покажите себе немного любви к своей тяжелой работе и отметьте свой собственный репозиторий на GitHub ⭐️ (не стесняйтесь подписываться на мой Github и Star/смотрите также мой репозиторий ) (Посмотрите видеоверсию здесь !) Несмотря на всю эту тяжелую работу, у нас все еще есть только базовый, готовый..
Next.js против React.js Какой фреймворк выбрать для фронтенда?
React и Next.js — два самых популярных инструмента среди веб-разработчиков. С ними интересно работать, и они несут ответственность за формирование нашего онлайн-опыта в качестве стандартных инструментов, используемых для создания пользовательских интерфейсов (UI) во всем мире. Мы рассмотрим функции Next.js , чем он отличается от React и как он работает как надежная и гибкая платформа для разработки интерфейса. Вы разработчик или человек, отвечающий за цифровую стратегию вашей..
Виджет Neumorphism Flutter — расширение Dart #2
Создайте виджет Flutter с дизайном Neumorphism Добро пожаловать в серию дартс расширение . Статья о методе расширения , который я использовал для разработки приложений Flutter . В предыдущей статье я исследовал Сортировку карты . Если вы пропустили его, вы можете прочитать его по ссылке в конце этой статьи. Во второй статье из серии расширений дартс будут рассмотрены виджеты неоморфизма в приложениях флаттера. Неоморфизм — это новая тенденция в дизайне пользовательского..
Создание анимации загрузки стиля Youtube
Пользовательская анимация загрузки для ваших приложений Обзор В этом руководстве мы будем создавать мерцающую анимацию, которую можно использовать в качестве представления-заполнителя на время, когда ваше приложение загружает данные через API или какой-либо фоновый процесс. Этот тип загрузки был введен Facebook и теперь часто встречается в таких приложениях, как Youtube и Instagram . Если вы хотите, чтобы ваше приложение выделялось, это новая норма. Что мы строим?..