filament
Erfahrenes Mitglied
Hallo Leute,
ich habe ein neues Projekt, dass ich gerade versuche in die Welt zu setzen. Ich möchte dies möglichst benutzerfreundlich gestalten. Daher soll die Seite für alle Endgeräte optimiert werden. Für die Google Ergebnisseiten kann das auch nicht von Nachteil sein, da ich gelesen habe, dass Google seit 2014 Webseiten, die nicht für mobile Endgeräte optimiert sind, abstraft.
Ich habe mich in das Thema eingelesen und einige Webseiten gefunden, die sich mit der Optimierung beschäftigen. Unter anderem:
https://blog.kulturbanause.de/2013/07/einfuhrung-in-das-flexbox-modell-von-css/
https://wiki.selfhtml.org/wiki/HTML/Tutorials/responsive_Webdesign
http://www.lingulo.com/de/tutorials-de/css-tutorials/how-to-build-a-html5-website-from-scratch
Ein wenig hatte ich mich vorher schon mit dem Thema beschäftigt. Unter Anderem habe ich die width Angaben mit Prozenten vorgenommen. Allerdings wusste ich nicht genau, wie ich mit Listenelementen umgehen sollte und Schriftgrößen?
Ich frage mich nun - nachdem ich die obigen Webseiten gelesen habe -, ob es sinnvoller ist das Flexbox Modell zu nutzen, oder ob es sinnvoller ist mit Media Queries zu arbeiten. Bin mir nicht sicher, ob das zwei Paar Schuhe sind oder ob ich beides kombinieren sollte / muss?
Wie gehe ich am sinnvollsten vor? Zumal ich klar sagen möchte, dass ich klar zwischen Desktop Version und Smartphone Version differenzieren möchte. Auf den Smartphones soll es eher wie eine App werden.
Außerdem bin ich mir nicht ganz sicher, wie ich mit der Breite umgehen soll. Wenn jemand eine Auflösung von 19xx hat, dann würden die Webseiten derart verzerrt werden, dass es nicht mehr schön ist. Wenn ich allerdings mit max-width arbeite, wirkt die Webseite auf höheren Auflösungen wie ein abgehakter Teil. Jemand Vorschläge wie man das am besten handeln kann?
Vielen Dank im Voraus.
ich habe ein neues Projekt, dass ich gerade versuche in die Welt zu setzen. Ich möchte dies möglichst benutzerfreundlich gestalten. Daher soll die Seite für alle Endgeräte optimiert werden. Für die Google Ergebnisseiten kann das auch nicht von Nachteil sein, da ich gelesen habe, dass Google seit 2014 Webseiten, die nicht für mobile Endgeräte optimiert sind, abstraft.
Ich habe mich in das Thema eingelesen und einige Webseiten gefunden, die sich mit der Optimierung beschäftigen. Unter anderem:
https://blog.kulturbanause.de/2013/07/einfuhrung-in-das-flexbox-modell-von-css/
https://wiki.selfhtml.org/wiki/HTML/Tutorials/responsive_Webdesign
http://www.lingulo.com/de/tutorials-de/css-tutorials/how-to-build-a-html5-website-from-scratch
Ein wenig hatte ich mich vorher schon mit dem Thema beschäftigt. Unter Anderem habe ich die width Angaben mit Prozenten vorgenommen. Allerdings wusste ich nicht genau, wie ich mit Listenelementen umgehen sollte und Schriftgrößen?
Ich frage mich nun - nachdem ich die obigen Webseiten gelesen habe -, ob es sinnvoller ist das Flexbox Modell zu nutzen, oder ob es sinnvoller ist mit Media Queries zu arbeiten. Bin mir nicht sicher, ob das zwei Paar Schuhe sind oder ob ich beides kombinieren sollte / muss?
Wie gehe ich am sinnvollsten vor? Zumal ich klar sagen möchte, dass ich klar zwischen Desktop Version und Smartphone Version differenzieren möchte. Auf den Smartphones soll es eher wie eine App werden.
Außerdem bin ich mir nicht ganz sicher, wie ich mit der Breite umgehen soll. Wenn jemand eine Auflösung von 19xx hat, dann würden die Webseiten derart verzerrt werden, dass es nicht mehr schön ist. Wenn ich allerdings mit max-width arbeite, wirkt die Webseite auf höheren Auflösungen wie ein abgehakter Teil. Jemand Vorschläge wie man das am besten handeln kann?
Vielen Dank im Voraus.