Atomic Design, Living Style Guides and the Holy Grail
•
0 gefällt mir•917 views
The document contains code snippets and references to various websites. It includes Mustache templating code with conditionals to handle rendering content differently depending on whether the Magnolia CMS is being used or a style guide. Various HTML elements like divs are used along with Mustache variables and tags. Attribution is given to Monty Python and other sources at the bottom.
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Ähnlich wie Atomic Design, Living Style Guides and the Holy Grail
Ähnlich wie Atomic Design, Living Style Guides and the Holy Grail (20)
Mehr von Netcetera
Mehr von Netcetera (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Atomic Design, Living Style Guides and the Holy Grail
- 1. ©MontyPython
- 5. • • • •
- 7. ©sbeiy.com
- 14. ©BradFrost
- 27. • • • • • •
- 29. Atomic Design Tool: Patternlab ©http://www.rnz.de
- 33. ©MontyPython
- 36. • • • •
- 37. • • • • •
- 40. <div class="atom-choice"> {{#mgn}} ${element.name} {{/mgn}} {{^mgn}} {{linktext}} {{/mgn}} </div>
- 41. ©MontyPython
- 42. • • • • •
- 43. • {{ mustache }}
- 44. • • {{#mgn}} <!-- magnolia code --> {{/mgn}} {{^mgn}} <!– styleguide code --> {{/mgn}}
- 45. • • • {{.mgn}} {{#mgn}} <div class="recipe-for"> ${element.name} </div> {{/mgn}} {{^mgn}} <div class="disaster"> {{linktext}} </div> {{/mgn}} ©PeterJackson
- 48. ©MontyPython • •
- 49. ©MontyPython • •