Quote: Reinhold Gräbe (reinholdwilli) wrote on Thu, 02 October 2014 18:14
----------------------------------------------------
Hallo,
kennt jemand eine ganz einfache Erklärung zu responsive Desigen. Mir würde
schon ausreichen mal den Unterschied zwischen einem resposive Tempalte un dem
bisherigen statischen Template einfach, ganz einfach, zu erfahren.
Wie baut man ganz einfach Schritt für Schritt eine responsive Seite auf?
Schöne Grüße
Reinhold
----------------------------------------------------
grundlegend bedeutet responsive Webdesign dass eine Seite sich an das
Ausgabemedium anpasst. Ich würde das Thema zum Einstieg erstmal völlig
losgelöst von Typo3 angehen.
Die Vorgehensweise - vereinfacht - ist wie folgt:
Design wird zB. (und am allerbesten) erstmal für kleine Anzeigegeräte umgesetzt. Dann schreibt man ins CSS sozusagen "wenn bildschirm breiter als 300 Pixel dann mach die spalte keine 150px breit sondern 200.
Der Ansatz nennt sich Mobile First. Natürlich gibts sehr viel Kleinigkeiten zu
beachten um es wirklich perfekt umzusetzen. Aber man kann sehr schnell
Ergebnisse erreichen was einen bei der Stange hält. Würde mir ein Buch kaufen
oder ein Video2Brain dazu.
Als Königsdisziplin ist das Template dann nicht nur auf "HTML&CSS" ebene
responsive sondern Typo3 wird auch noch miteingebunden und gibt zB. unterschiedlich große
Images aus.
Gruß Can
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
