Slides from T3DD13 Workshop - Responsive Images Rendering
•
0 recomendaciones•1,442 vistas
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/50075
Recomendados
Recomendados
Más contenido relacionado
Destacado
Destacado (20)
Similar a Slides from T3DD13 Workshop - Responsive Images Rendering
Similar a Slides from T3DD13 Workshop - Responsive Images Rendering (20)
Más de Ingo Schmitt
Slides from T3DD13 Workshop - Responsive Images Rendering
- 1. 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
- 2. Carla Froitzheim T3 enthusiast since 2003 @cfroitzheim
- 3. Karoline Steinfatt @dieMelanie blog.marketing-factory.de #barcamps #republica #wwnrw #wwruhr #twittwoch #odp #typo3 #t3ug #webgrrls #campixx #seostammtisch #nipponconnection #tweetups #foursquareday #t3dd #smw #dmw #btconf #insidrr
- 4. Sebastian Fischer Senior TYPO3 Developer @garbast www.evoweb.de
- 5. TYPO3 Sail 2013 - 14. - 21.09. 2013 Palma de Mallorca Ingo Schmitt CTO, BCC TYPO3 Association lifetime photoshop ban @ischmitt blog.marketing-factory.de
- 7. Photo by Micah Taylor, Creative Commons
- 8. Agenda Opening Introduction Responsive Webdesign TYPO3 and Responsive Webdesign Groups: RWD in Detail for Frontend, typoscript and php-rendering Defining goals for today Teams: Implementing goals Presentation Next Steps and Todos 8
- 9. 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
- 10. RWD 10 This is not the web!
- 11. RWD 11 10 This is the web now:
- 12. one <HTML> to rule them all
- 13. fluid, portion based grids mobile first progressive enhancements design concept
- 14. size in relative units flexible images
- 17. images dynamical rendered on viewport capabilities adaptive images
- 20. In detail Rendering in detail Frontend (Karoline) typoscript (Carla) php-rendering (Sebastian) 20
- 21. Development https://notes.typo3.org/p/t3dd_rwd Virtualbox Extensionpack t3dd.ova ssh localhost -p 2222 http://localhost:8080/ 21
- 22. goals for today
- 23. presentation
- 24. todos
- 25. 26 Contact Marketing Factory Consulting GmbH Marienstraße 14 40212 Düsseldorf Tel +49 (0)211 / 36 11 76 - 0 Tel +49 (0)211 / 36 11 76 - 99 is@marketing-factory.de www.marketing-factory.de
- 26. 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