offcanvasnavigering
Offcanvasnavigering is een patroon voor gebruikersinterfaces waarbij een navigatiemenu uit het hoofdgebied van de pagina verschijnt langs de rand van het scherm of er buiten wordt geplaatst. Het doel is ruimte te besparen op kleinere schermen terwijl snelle toegang tot navigatie nog steeds mogelijk blijft. Het patroon wordt vooral toegepast op mobiele interfaces, maar kan ook in responsieve ontwerpen voorkomen op grotere schermen.
Bij de implementatie wordt vaak een knop gebruikt om het offcanvas-paneel te openen, zoals een menuknop of
Typische kenmerken zijn een slide-in panel, een overlay of achtergronddimming, focus trapping voor toegankelijkheid en toetsenbordnavigatie
Technisch gezien worden offcanvasnavigering vaak gerealiseerd met position: fixed of absolute positioning, transities en transformproperties voor
Voordelen van dit patroon zijn ruimtebesparing en behoud van context, terwijl nadelen kunnen zijn dat het minder