Was sind Responsive Patterns?

Erklärung

Sog. »Responsive Patterns« sind erprobte und bewährte Lösungen für oft wiederkehrende Problemstellungen im Responsive Web Design (RWD). Bei diesen Lösungen steht die optimale Darstellung auf unterschiedlichen Ausgabegeräten und Displaygrößen im Vordergrund.

Einige Beispiele:

• Priority+ Navigation: Je nach verfügbarem Platz zeigt die horizontale Navigation nur so viele Elemente, wie auf den Bildschirm passen. Die restlichen werden unter einem »Mehr«-Feld zusammengefasst und verborgen.
• Responsive Accordion to Tabs: In einem Akkordion organisierte Inhalte werden in horizontal angeordneten Reitern angeordnet, sobald dafür genügend Platz auf dem Bildschirm ist.
• Column Drop Layout: Untereinander dargestellte Bereiche werden bei genügend vorhandenem Platz in wechselnder Anordnung bis zu nebeneinander stehenden Spalten dargestellt.