[TYPO3-german] Einfache Erklärung zu responsive
Jo Hasenau
info at cybercraft.de
Mon Oct 6 14:39:22 CEST 2014
> Die CSS frameworks wie bootstrap oder foundation kombinieren diesen ansatzu zu dem mit einem "grid-system".
> Also 12 oder 16 Spalten für ein layout. Dadurch ist es dann einfach möglich inhalte verschiedener breiten zu kombinieren.
> Diese dinge werden ebenfalls mit css classen abgeblidet. Und zum teil gibt es auch verschachtelte grids...
>
> Soweit erstmal die basics zu einem responsive layout.
>
> Wenn man so etwas jetzt in typo3 abbilden will ist man gezwungen. Dem redakteur eine möglichkeit zu geben. Die spalten breiten eines jeden elementes
> Zu definieren. Und das Rendering muss entsprechend angepasst werden. damit die zusätzlichen css-classen auch ausgegeben werden. das kann den redaktuer vor herausforderungen stellen.
Oder Du schaust Dir dazu einfach mal
http://demo.typo3-themes.org
an. Dort kannst Du bereits mit der TYPO3-THEMES Extension
experimentieren, für die wir gerade auf Bootstrap basierende Themes
fertigstellen. Die ersten davon gehen in Kürze ins TER und können
selbstverständlich auch als Basis für eigene Themes dienen.
Neben Spaltenbreiten kannst Du auf diese Weise eine ganze Reihe weiterer
Bootstrap-Features aktivieren und/oder modifzieren. Das Ganze
funktioniert mit einem einfachen Point-And-Click-Interface und einem
leicht aufgebohrten Constant-Editor.
Vorteil: Die Hauptarbeit ist bereits erledigt und Du kannst Dich auf's
Design konzentrieren.
Viel Spaß damit :-)
Joey
--
Diversity:
Die Kunst zusammen unabhängig zu denken
The art of thinking independently together.
--
Facebook: https://www.facebook.com/johasenau
Twitter: http://twitter.com/bunnyfield
Xing: http://contact.cybercraft.de
TYPO3 cookbook (2nd edition): http://www.typo3experts.com
More information about the TYPO3-german
mailing list