Hi.
Ist es ratsam, JS für Layoutzwecke einzusetzen? Vor Allem um ein Layout "Responsiv" zu machen?
Ich wollte dieses mal ein sogenanntes "Kachellayout" versuchen, das responsiv sein soll.
Es soll aber ohne "DIV-Orgien", Flexbox-Orgien oder Float o.ä auskommen, so dass man ein relativ sauberes HTML+CSS bekommt, ohne Gefrickel.
Sprich, dass man einfach die Bereiche wie Header, Inhaltselemente, Footer usw einfach hintereinander weg einbaut ohne größere DIV Verschachtelungen und andere "Klimmzüge".
Die feste Headerbar würde ich dann mit JS realisieren, statt auf CSS Position:absolute o.ä zurückzugreifen.
Ebenso den Sticky Footer. Der würde auch per JS zurecht gerückt werden, statt mit CSS gebastel.
Ich würde über JS auch die Größe der Schrift, Elemente und Kacheln der Bildschirmgröße anpassen. Und auch das Umsortieren der Kacheln, wenn der Bildschirm zu breit wird, über JS machen, statt über eine Flexbox-Orgie.
Außerdem soll ab einer gewissen Bildschirmbreite "optionaler Content" zum Füllen der Bereiche Rechts/links eingefügt werden. Das dann auch über JS statt per MediaQuery.
Wenn kein JS aktiviert ist, ist das Layout eben nicht responsiv. Aber das wäre noch vertretbar.
Ist es ratsam, JS für Layoutzwecke einzusetzen? Vor Allem um ein Layout "Responsiv" zu machen?
Ich wollte dieses mal ein sogenanntes "Kachellayout" versuchen, das responsiv sein soll.
Es soll aber ohne "DIV-Orgien", Flexbox-Orgien oder Float o.ä auskommen, so dass man ein relativ sauberes HTML+CSS bekommt, ohne Gefrickel.
Sprich, dass man einfach die Bereiche wie Header, Inhaltselemente, Footer usw einfach hintereinander weg einbaut ohne größere DIV Verschachtelungen und andere "Klimmzüge".
Die feste Headerbar würde ich dann mit JS realisieren, statt auf CSS Position:absolute o.ä zurückzugreifen.
Ebenso den Sticky Footer. Der würde auch per JS zurecht gerückt werden, statt mit CSS gebastel.
Ich würde über JS auch die Größe der Schrift, Elemente und Kacheln der Bildschirmgröße anpassen. Und auch das Umsortieren der Kacheln, wenn der Bildschirm zu breit wird, über JS machen, statt über eine Flexbox-Orgie.
Außerdem soll ab einer gewissen Bildschirmbreite "optionaler Content" zum Füllen der Bereiche Rechts/links eingefügt werden. Das dann auch über JS statt per MediaQuery.
Wenn kein JS aktiviert ist, ist das Layout eben nicht responsiv. Aber das wäre noch vertretbar.