umbraco-talks

CodeGarden 18

Applying Atomic Design to Umbraco

https://codegarden18.com/sessions/applying-atomic-design-to-umbraco/

The Session

Lee and Marc have been brought together and challenged to dismantle the art of designing great Umbraco Backoffice Content Management structures through the trendy vernacular of Atomic Design.

Style guides, design systems, and pattern libraries are rapidly becoming common ground in the fast-moving world of front-end web development.

How does this relate to your friendly CMS? Can we take the principles of “atomic design” - a methodology for crafting robust modular design systems - and apply this to your own Umbraco Backoffice implementations.

Is it time to ditch your trusty starter kit, and break things down a bit more? Have the front-end cool kids got a point?

This session will guide you through the concepts of atomic design, adopting a pattern-based scientific process to establish a better workflow, creating a shared vocabulary for your team, and leading to simpler, easier to maintain, astonishingly neat Umbraco implementations.

The Speakers

Lee Kelleher is a multiple Umbraco MVP award winner, he has developed numerous popular Umbraco community packages. Lee is also the co-founder of Umbrella, an Umbraco Gold Partner - delivering technical solutions for high-profile clients such as Carlsberg, Microsoft, Jaguar, and ITN. When not coding, Lee enjoys playing bass guitar in a local 90s rock cover band.

Marc Goodson is a multiple Umbraco MVP award winner, he has developed numerous unpopular Umbraco community packages. Marc is the Lead Umbracologist at Moriyama, an Umbraco Gold Partner - delivering technical solutions for high-profile clients such as NHS, PwC, Sodexo and PPG Industries. When not coding, Marc enjoys playing guitar and would form a 90s rock cover band if he could find a decent bass player.

The Slides

The slides are available here as a PDF export (from Powerpoint): https://leekelleher.github.io/umbraco-talks/CG18/codegarden-2018-atomic-design-in-umbraco.pdf

Periodic Table

…and finally, it’s the thing that you’ve all been asking for… the Periodic Table of Umbraco core Property Editors!