Ansicht:   

#405543 OT: responsive Webdesign (nt.feedback)

verfaßt von Karsten Meyer zur Homepage von Karsten Meyer, Konstanz am Bodensee, 29.11.2016, 10:46:00

Hallo Johann,
schönen Dank für deine ausführliche Antwort!

> So wohl als auch. Allgemein "responsive webdesign" und als populäres
> Framework-Beispiel "Bootstrap". Bootstrap bringt noch eine Menge weiterer,
> gut brauchbarer Dinge mit wie z.B. die Glyph-icons aber grundsätzlich kann
> man das auch ohne Framework machen.
>
Ich hab mal kurz was über Bootstrap gelesen, und das hört sich alles ganz positiv an, nur frag ich mich, ob es sinnvoll ist, ein ganzes Framework über meine ja eigentlich gut funktionierende Seite zu stülpen. Wenn man sowas neu macht - ok. Aber mir geht es eigentlich nur um das Menü, alles andere will ich aus sicher nachvollziehbaren Gründen lassen, wie es ist.


> > Ich hab auch mal versucht, mir den Quelltext dessen anzusehen, was mir die
> > Fritz!Box zu ihrer Verwaltung auf den Rechner schickt...
>
> Möglicherweise wird mit Javascript/AJAX nachgeladen. Da sieht man dann den
> Quelltext entweder nur im Debugger oder z.B. im Firefox einen Bereich mit
> linker Maustaste markieren, irgendwas... (als würde man copy/paste machen
> wollen), rechtsklick auf das selektierte und dann "View selection source"
> (oder Deutsche Entsprechung).

Aha, danke - ein super Tipp. Strg-A und dann den Quelltext des Ausgewählten anzeigen lassen - diese Option kannte ich gar nicht.

> > In meinem Fall brauch ich's ja gar nicht so kompliziert - eigentlich will
> > ich nur das Menü links verbergen (beim Druck wird es jetzt schon
> > ausgeblendet) und statt dessen eines hinter einem Button haben - und das
> > ist das, was ich bei der Fritzschen Software so toll finde.
>
> Genau, und das muss man sich bauen, dass z.B. bei Pixelbreite < 600
> meinetwegen die Desktopnavi aus- und das Burger-Menü eingeblendet wird. Du
> musst nicht komplett alles responsiv umbauen, dann halt "nur" den
> Navi-Bereich.
> Beispiele gibt es da zuhauf, such mal nach so etwas wie "simple responsive
> menu", Beispiel.

Danke für den Tipp und den Link (hatte ich gefunden und mal angeschaut). Ja, da wird ja wirklich vieles angeboten.

Inwischen hab ich mir überlegt, wie das im einfachsten Fall realisierbar wäre:

- Bei schmalen Viewports wird per JS+CSS das Menü komplett ausgeblendet und ein Button (ah, Burger-Menü, welch ein Begriff!  :-) ) oben links eingeblendet. (Somit hätte man ohne JS den bedienbaren Normazustand.)

- Ein Klick auf den Button schaltet einfach um (toggelt) auf die Darstellung mit Menü - nur der Button bleibt immer da (bei schmalem Viewport).

Das wär's doch eigentlich schon - da braucht es kein Framework. Ich will mal gucken, ob ich das schaffe.

Schönen Gruß
Karsten

--
Ich bin sehr aktiv bei facebook, wo ich vor allem Fotos zeige und mich in Gruppen über alles mögliche, insbesondere meine Heimatstadt Konstanz austausche.

 

gesamter Thread:

Ansicht:   
Auf unserer Web-Seite werden Cookies eingesetzt, um diverse Funktionalitäten zu gewährleisten. Hier erfährst du alles zum Datenschutz