Описание тега atomic-design
Атомарный дизайн - это методология, используемая для создания систем веб-дизайна, созданных Брэдом Фростом, основанная на идее разделения элементов на атомы, молекулы, шаблоны и страницы, где следующий слой строится с использованием предыдущего слоя.
1
ответ
Atomic Design - отделение компонентов реализации от компонентов Atomic UI
Начиная строить новую библиотеку пользовательского интерфейса с использованием методологии атомарного проектирования, мы быстро столкнулись с проблемой при попытке классифицировать наименьшие строительные блоки пользовательского интерфейса как атомы…
14 дек '17 в 09:17
0
ответов
Является ли "кнопка" "атомом" или "молекулой" в соответствии с методологией атомного дизайна?
Я работаю над "Системой дизайна" и все еще работаю над типографской частью, которая является Atom. Я ломаю голову, чтобы понять, является ли "Кнопка" атомом или молекулой в соответствии с методологией атомного дизайна. Согласно структуре атомного ди…
19 фев '19 в 18:22
1
ответ
Джекилл и модульный / атомный дизайн
В настоящее время я смотрю на разработку "статического" веб-сайта, только несколько страниц. Однако по дизайну я могу сказать, что будут повторяющиеся макеты / шаблоны. Я думаю о подходе, ориентированном на данные, так как мои HTML-коды можно исполь…
25 май '16 в 09:58
0
ответов
Рули ограничивают область действия частичной переменной одним потомком
Используя руль, можно передать жало от одного частичного к другому таким образом: Родительский шаблон <div class="two-col"> {{>text-field parentclass="two-col__"}} {{>text-field parentclass="two-col__"}} </div> Детский шаблон <d…
19 май '17 в 18:37
0
ответов
Создание темы компонента с использованием соглашений Sass, Atomic-Design и ABEVM
Я пытаюсь создать тему для компонента для поддержки нескольких цветовых вариаций. Этот компонент определяет цвет градиента кнопки (o·btn-arrow) на основе выбранной темы; тема компонента определяется элементом обертки компонента с class="parent -them…
25 сен '18 в 13:23
0
ответов
Настройка технологически не зависящего от Atomic Design рабочего процесса
В настоящее время мы работаем над созданием системы проектирования для нашей компании, и частью процесса является создание библиотеки шаблонов на основе Atomic Design. Наша команда внешнего интерфейса в настоящее время использует компоненты React St…
10 июл '18 в 11:39
1
ответ
Атомный дизайн с решением иерархии React: Что может быть включено в атомные компоненты?
Мы успешно следим за Atomic Design, чтобы организовать наши компоненты ReactJS в нашей библиотеке. После создания нескольких десятков компонентов у нас начинают возникать фундаментальные сомнения в том, как организовать организмы. Наша цель состоит …
13 окт '17 в 20:05
1
ответ
Сборка частичной передачи данных в вложенные партиалы.
Я использую ассемблер.io, и я бы хотел все модулировать, используя принципы "атомного дизайна". Допустим, я начинаю с пары отдельных атомов частичный атом "title" (a-h2-title.html) <h2 class="{{additionalclasses}}">{{title}}</h2> частичн…
04 янв '19 в 12:11
1
ответ
Объедините Backend и Frontend Development с Laravel, Patternlab, Atomic Design и Vue.js
Я собираюсь запустить новый проект с этими двумя фреймворками (мне нравится): Ларавел 5 Vue.js Разработчик Frontend готовит HTML-код для атомарного дизайна, созданный с помощью patternlab.io. Теперь я смотрю, как я могу интегрировать проект patternl…
20 апр '17 в 20:34
0
ответов
Атомный дизайн и медиа-запросы - как бы вы его структурировали?
Фон: Я начинаю новый проект, и он структурирован с использованием атомарной архитектуры, например: / атомов / молекулы / организмы / шаблоны / страницы Корень: Мой корень - это Компонент Маршрутизатора, завернутый с Провайдером (от Mobx) каждый <…
25 апр '18 в 11:54
3
ответа
Дизайн веб-страницы с использованием атомарного дизайна
Мне нужно создать веб-страницу с использованием атомарного дизайна. Я не получаю надлежащие учебники в Интернете, чтобы начать. Пожалуйста, поделитесь демонстрационным проектом, чтобы я мог понять, как реализовать атомарный дизайн.
30 авг '17 в 05:13
1
ответ
Передача компонента другому компоненту в реакции
Я создаю небольшую библиотеку компонентов, и у меня есть компонент таблицы, и моя задача состоит в том, чтобы сделать его модульным и универсальным, чтобы его можно было изменить позже Теперь таблица по своей природе является контейнерным компоненто…
24 май '18 в 16:20
2
ответа
Передача данных с помощью Patternlab
Я использую Patternlab, Handlebars и Gulp в качестве инструмента для создания прототипов. В настоящее время у меня есть организм, который пытается передать данные атому в цикле. Я получаю следующую ошибку. Error: Parse error on line 12: ...bLabels}}…
02 май '17 в 14:41
2
ответа
Атомный дизайн, организм в организме?
Атомный дизайн представляется интересной методологией для построения UX-структуры. Но может ли один организм содержать другие организмы?
23 мар '17 в 23:18
0
ответов
Расширение классов библиотеки CSS с помощью SASS для целей абстракции
Мне нравится идея расширения класса из библиотеки, такой как Bootstrap, Materializecss и т. Д., В мои собственные классы, например, так: a-btn-green { @extend .btn; background-color: green; } a-btn-yellow{ @extend .btn; background-color: yellow; } О…
14 фев '19 в 09:20
1
ответ
Как я могу использовать ComponentName.js вместо index.js при импорте компонента React (из каталога структуры проектирования Atomic)
Я использую Gatsby (React) для своего проекта. Я использую структуру папок Atomic design, например: src/components/Organisms/Header В этой папке мне нравится иметь: src/components/Organisms/Header/header.js src/components/Organisms/Header/header.mod…
27 май '19 в 09:01
2
ответа
Как я могу получить измененное значение из vuetify select, выбрасывая в шаблон атомного дизайна?
Я пытаюсь получить измененное значение vuetify v-select используя $emit но это не работает Я разделил компоненты, применяя шаблон атомарного дизайна (атомы (дочерний компонент и не связываться с хранилищем), организмы (родительский компонент)) и хра…
27 май '19 в 03:15
1
ответ
Атомная модель проектирования - бизнес-логика
Я реализую шаблон атомного дизайна в моем проекте. Просто быстрый вопрос, на каком этапе я должен поместить бизнес-логику, если я реализую шаблон атомарного проектирования?
23 май '19 в 13:21
1
ответ
Импортировать несколько компонентов в одну строку (Atomic Design + Vue.JS)
Я занимаюсь разработкой проекта с Vue.js и хотел бы применить методологию атомного проектирования, но я хотел бы импортировать компоненты кластеризованным и более разумным способом В настоящее время import GridLayout from '@/components/bosons/GridLa…
25 апр '19 в 00:21
2
ответа
Как я могу динамически экспортировать компоненты в index.js?
Я работаю над проектом с nuxt.js и хочу реализовать методологию атомного дизайна поэтому я в настоящее время импортирую компоненты, как это import ButtonStyled from '@/components/atoms/ButtonStyled.vue' import TextLead from '@/components/atoms/TextL…
25 апр '19 в 13:50