slides from t3dd13 workshop - responsive images rendering
DESCRIPTION
Slides for the workshop at the TYPO3 Developer Days in Hamburg 2013: Implementing Responsive Images. Please see https://notes.typo3.org/p/t3dd_rwd and http://forge.typo3.org/issues/50075TRANSCRIPT
Marketing Factory Consulting GmbH – Alle Rechte vorbehalten – © 2013
Workshop: Implementing rendering for responsive images
Carla Froitzheim, Karoline Steinfatt, Sebastian Fischer, Ingo Schmitt
Marketing Factory Consulting GmbH
1
Carla FroitzheimT3 enthusiast since 2003@cfroitzheim
Karoline [email protected]
#barcamps #republica #wwnrw #wwruhr #twittwoch #odp #typo3#t3ug #webgrrls #campixx #seostammtisch #nipponconnection#tweetups #foursquareday #t3dd #smw #dmw #btconf #insidrr
Sebastian FischerSenior TYPO3 Developer@garbast www.evoweb.de
TYPO3 Sail 2013 - 14. - 21.09. 2013Palma de Mallorca
Ingo SchmittCTO, BCC TYPO3 Associationlifetime photoshop [email protected]
Photo by Micah Taylor, Creative Commons
Agenda
OpeningIntroduction Responsive WebdesignTYPO3 and Responsive WebdesignGroups: RWD in Detail for Frontend, typoscript and php-rendering
Defining goals for todayTeams: Implementing goalsPresentationNext Steps and Todos
8
Responsive web design is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). (wikipedia)
#RWD
Responsive Webdesign
RWD
10
This is not the web!
RWD
11
10
This is the web now:
one <HTML> to rule them all
fluid, portion based gridsmobile firstprogressive enhancements
design concept
size in relative unitsflexible images
media queries@media
CSS3
modernizrjQuery
javascript
images dynamical rendered on viewport capabilities
adaptive images
commons.wikimedia.org Ikiwaner
current Solutions
In detail
Rendering in detailFrontend (Karoline)typoscript (Carla)php-rendering (Sebastian)
20
Development
https://notes.typo3.org/p/t3dd_rwd
VirtualboxExtensionpackt3dd.ova
ssh localhost -p 2222http://localhost:8080/
21
goals for today
presentation
todos
26
Contact
Marketing Factory Consulting GmbHMarienstraße 14
40212 Düsseldorf
Tel +49 (0)211 / 36 11 76 - 0Tel +49 (0)211 / 36 11 76 - 99
10.04.2013Marketing Factory Consulting GmbH – Alle Rechte vorbehalten – © 2013
Disclaimer
Disclaimer
Alle im vorliegenden Konzept präsentierten Ansätze und Ideen sind ausschließlich für den Auftraggeber bestimmt.
Das Konzept und das Recht zur Nutzung bleibt Eigentum von Marketing Factory Consulting. Die Verwertung, Vervielfältigung, Nachbildung und Verbreitung der Konzeption ist nur mit Zustimmung zulässig.
Werden die Ideen nicht verwertet, dann ist Marketing Factory Consulting berechtigt, die Inhalte ganz oder teilweise für andere Zwecke einzusetzen.
© Marketing Factory Consulting GmbH 2013