UX pattern of switching from desktop tabs to vertical accordion without duplicate markup.
This pattern was originally developed to be embedded into a large, 3rd party application. For the purposes of this repository I have modified it from its original, messy system markup version into a simple concept demo.
View the demo here: https://offsetchris.github.io/tab-to-accordion/build/
Inspired by Brad Frost's Atomic design and BEM principles, named for a local landmark in MN.
Bits Bits are small repeatable patterns like buttons, section designations, etc.
Pieces Similar to Atomic design's components. Small assemblages of bits that make simple UX patterns.
Whole Large, page layout patterns (probably not used in this example)
Walker Art Center Minneapolis MN Artist: Lawrence Weiner Period: Conceptual art Created: 2005 Genre: Abstract art