Auf Thema antworten 2026

JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Beitrag: <blockquote data-quote="patrick_l" data-source="post: 2553238" data-attributes="member: 194379">Von der kompletten Website war auch nicht die Rede. Jedoch ist das Arbeiten mit »max-width« Angaben davon abhängig, welche Ansätze man verfolgt. Beschäftigt man sich mit responsive Webdesign, sollte man vor allem die Unterschiede zwischen »Graceful Degradation«, »Progressive Enhancement« und »Mobile-first« kennen lernen. Sowohl was die Vor und die Nachteile angeht.Beim »Mobile-first« Ansatz wird man im Bezug auf die Media Queries dann statt maximaler Breitenangaben auf minimale um-switchen. Auch was den eigenen Workflow angeht, der ein oder andere dann Umdenken muss. Sprich nicht nur mobile-first sondern auch content-first denkend neue Projekte angehen.Hier mal ein paar lesenswerte Artikel zum Thema:- <a href="http://www.w3.org/wiki/Graceful_degradation_versus_progressive_enhancement" target="_blank">W3.org » wiki: Graceful Degradation versus Progressive Enhancement</a>- <a href="http://www.sitepoint.com/progressive-enhancement-graceful-degradation-basics/" target="_blank">Sitepoint » Progressive Enhancement and Graceful Degradation: an Overview</a>- <a href="http://t3n.de/news/responsive-design-web-entwicklung-504906/3/" target="_blank">t3n » Der Superheld: „Progressive Enhancement“</a>- <a href="http://blog.kulturbanause.de/2013/08/mobile-first-progressive-enhancement/" target="_blank">Jonas Helwig (Kulturbanause) » Mobile First + Progressive Enhancement</a>- Zurück zur eigentlichen Frage dieses Threads. Die Navigation ist ein wichtiger Bestandteil einer Website. Allein deshalb muss sie auf allen Devices funktionieren. Daher sollte man bei der Verwendung von JavaScript (» jQuery) einen Fallback mit einplanen. Ebenso die Navigation für unterschiedliche Devices im Bezug auf dessen Bedien- und Erreichbarkeit optimieren.Was das oben gezeigte Beispiel angeht, wäre z.B. eine Off-Canvas Lösung für mobile Devices eine Möglichkeit. Browser-übergreifend würde es mit reinem CSS und dem bereits genannten Checkbox-Hack funktionieren. Hier auch nochmal ein paar interessante Links über Off-Canvas, CSS Checkbox-Hack und responsive Navigation.- <a href="http://jasonweaver.name/lab/offcanvas" target="_blank">Jason Weaver » Off Canvas: A Multi-Device Web Layout Pattern  </a>- <a href="http://www.smashingmagazine.com/2013/01/off-canvas-navigation-for-responsive-website/" target="_blank">Smashing Magazine: Implementing Off-Canvas Navigation For A Responsive Website</a>- <a href="https://css-tricks.com/responsive-menu-concepts/" target="_blank">CSS-Tricks » Responsive Menu Concepts</a>- - Zu guter Letzt noch auf einen Artikel bzw. Guide verweise, in dem Flexbox ausreichend erklärt wird. Reinschauen, lesen und anschließend für die Navigation und den Content-Bereich übernehmen.- <a href="https://css-tricks.com/snippets/css/a-guide-to-flexbox/" target="_blank">CSS-Tricks: A Complete Guide to Flexbox </a>Liebe Grüße, Patrick</blockquote> Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung: Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?