Mat CSS Framework

[Dani]

Hallo zusammen

Ich möchte euch hiermit mein CSS-Framework vorstellen und öffentlich zur Verfügung stellen.

Was ist Mat?
Mat ist ein einfach zu benutzendes und flexibles CSS-Framework zum Entwickeln von Webseiten für unterschiedliche Geräte. http://www.designr.ch/mat-framework

Ich wünsche euch viel Spass damit.

[yver]

Die Produktseite ist aber nicht sehr flexibel
Werde es bei Gelegenheit gerne mal testen.

[Dani]

Ja, meine Webagenturseite wurde noch nicht für mobile Geräte optimiert. Werde ich aber demnächst mal noch nachholen.

[Anke]

Hallo Daniel,

hast du irgendwo eine kleine Anleitung als Starthilfe hinterlegt? Ich habe die Erweiterung unter C3.0.6 installiert, die grid.css ins Layout eingebunden, testweise zwei Spalten innerhalb eines Artikels eingerichtet, aber im Frontend wird kein Markup generiert. Gehe ich da zu blauäugig ran? Muss noch mehr vorbereitet werden?

Viele Grüße,
Anke

[Dani]

Hallo Anke

Hast du jeweils ein Grid-Start/-Trennelement/-Stop Inhaltselement eingefügt? Es dann sollte ein Markup generiert werden. Wenn nicht, kannst du gerne mal einen Link posten oder mir den Link per E-Mail senden. Meine E-Mail-Adresse hast du ja.

[Deborah]

Ich finds richtig gut!!!

[Dani]

Schön zu hören. Ich werde wahrscheinlich demnächst im Sommer eine neue Version veröffentlichen mit ein paar Verbesserungen und einem besser bedienbarem Grid.

[Anke]

Hat schon jemand versucht, MAT auf ein horizontales Hauptmenü anzuwenden? (... was theoretisch ganz praktisch wäre)

Den Menüpunkten über die Seitenstruktur Klassen wie "two column" zuzuweisen, gaht nicht, denn sie werden in den body-Tag übernommen. Weiß jemand, warum? So ist body dann nur zwei Spalten breit.

Gruß,
Anke

[Dani]

Ich denke, da die Menupunkte höchstwahrscheinlich nicht "display:inline-block;" deklariert sind, greift "two column" nicht. Ich verstehe allerdings nicht, warum die Spalten sich auf body bezieht. Vielleicht irgendwo ein Fehler? Hast du einen Link?

[Anke]

Hallo Daniel,

zu obigen Problem ein andermal ...

Ich weiß, du hast im Moment keine Zeit, aber was ich mir gelegentlich wünschen würde, ist MAT im EFG in der Feldauswahl verwenden zu können, so wie subcolumns.

Und noch eine Frage: Wäre es eigentlich schwierig, die MAT-CEs so zu stylen wie die Accordion-Elemente neuerdings aussehen?

Liebe Grüße,
Anke

[soweit_ok]

Bestimmt eine gute Sache, sonst hättest Du ja nicht den Aufwand getrieben. Wäre daneben vielleicht noch ganz gut, fiele die Darstellung der "Vorschau" auf der Webseite überzeugender aus. Wahrscheinlich hattest Du dafür noch keine Zeit, was ich natürlich bestens verstehe. Zumindest scheint mir momentan bei einem bestimmten Breakpoint nur alles untereinander zu rutschen und sonstige verschärft intelligente Umbruchmethoden lassen sich so noch nicht erkennen. Korrigier mich gerne, falls ich mich irre, weil ich zugegeben erstmal nur einen recht kurzen Blick darauf warf.

Ich hoffe, ich darf auch dies erwähnen, ohne dass es als Gemecker missverstanden wird: Daneben ist wie bei allen anderen mir bekannten gridbasierten Layoutframeworks das Problem der höchst unterschiedlichen Pixeldichte auf Kleingeräte-Displays anscheinend nicht behandelt. Es ist ja nunmal keineswegs egal, ob ein Smartphone-Display bei nahezu gleicher physischer Bemaßung z. B. eine Auflösung von 480px, 1024px oder irgendwas dazwischen hat. Weil Bedienelemente und Schriften bei hoher Pixeldichte regelmäßig zu klein ausfallen und das nur formelbasiert + möglichst komfortabler Definition von Ausnahmeregeln anständig abgefangen werden kann, egal ob mit oder ohne Grid. Okay, das ist auch nicht unbedingt Aufgabe eines Grid-Frameworks. Für mich stellt sich dann immer bloß die Frage, ob es Sinn macht, ein solches in ein komplexeres automatisiertes Layout-Framework einzubinden.

Vorteilhaft an Grids finde ich, dass sie mit reinem CSS auskommen und kein JS benötigen. Doch löst eben nicht alles und es braucht letztlich doch wieder JS.