SITEGEIST.MONOCLE LIVING-STYLEGUIDES » Render the components of a website in isolation » Makes styling problems visible and encourages clean styling » Example: http://patternlab.io/ by Brad Frost » Problems » Extra Code » diverges over time in many cases
SITEGEIST.MONOCLE ACHIEVEMENTS » Render ts2-prototypes in isolation » No extra code … @styleguide annotations » Template-engine agnoistic » Coding-style agnoistic » Works very well with atomic design
SITEGEIST.MONOCLE ACHIEVEMENTS » Render ts2-prototypes in isolation » No extra code … @styleguide annotations » Template-engine agnoistic » Coding-style agnoistic » Works very well with atomic design + BEWARE OF MOVING GROUND + ATTENTION
SITEGEIST.MONOCLE ACHIEVEMENTS » Render ts2-prototypes in isolation » No extra code … @styleguide annotations » Template-engine agnoistic » Coding-style agnoistic » Works very well with atomic design + BEWARE OF MOVING GROUND + ATTENTION sitegeist/Sitegeist.Monocle
SITEGEIST.MONOCLE ATOMIC-DESIGN » Starts with basic Atoms » Aggregate Atoms to higher order components: Molecules, Organisms, Templates, Pages. » Made popular by Brad Frost » http://atomicdesign.bradfrost.com/
SITEGEIST.MONOCLE ACHIEVEMENTS » Atomic.TS2 feels great » just a TS2-Pattern » Template engine agnostic » No Fluid needed anymore » Ubiquitous component naming and structure » flexible and reusable Components