https://wiki.phoenixseo.de/ 2026-04-17T15:15:56+00:00 https://wiki.phoenixseo.de/ https://wiki.phoenixseo.de/ttps://wiki.phoenixseo.de/lib/tpl/dokuwiki/images/favicon.ico text/html 2022-08-27T11:39:58+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.phoenixseo.de/web/webdesign/atomicdesign/fractal?rev=1661600398&do=diff Fractal.build Fractal Config # fractal components library setup # fractal installieren npm install --save @frctl/fractal # fractal cli tool installieren (global) npm i -g @frctl/fractal # twig adapter installieren npm install @frctl/twig # twig adapter setup in fractal.config.js /* * Require the Twig adapter */ const twigAdapter = require('@frctl/twig')(); fractal.components.engine(twigAdapter); fractal.components.set('ext', '.twig'); # use twig for docs fractal.docs.engine(twigAdapter… text/html 2023-01-04T12:32:18+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.phoenixseo.de/web/webdesign/atomicdesign/start?rev=1672835538&do=diff Atomic Design Komponenten-basierter Aufbau von Websites. Component-based Theming. Alles basiert auf diesem Artikel von Brad Frost: <https://bradfrost.com/blog/post/atomic-web-design/> Weitere Übersichten * <https://t3n.de/news/atomic-design-baukastensystem-721010/> * <https://de.ryte.com/wiki/Atomic_Design> Frontend Components Zur Darstellung von Komponenten nach dem Atomic Design Prinzip gibt es verschiedene Helfer, die das Zeigen, Zusammenarbeiten und Dokumentieren dieser Komponenten …