Upload
themepartner
View
509
Download
0
Embed Size (px)
DESCRIPTION
Responsive design begint steeds normaler te worden. Zo hebben nagenoeg alle template providers al responsive templates en ook de grotere, ingewikkelde websites zijn steeds vaker responsive. Maar hoe werkt dat nou? Wat kom je allemaal tegen als je responsive websites/templates aan het bouwen bent? Binnen deze presentatie laat ik een aantal mogelijke oplossingen zien voor de uitdagingen waar wij als ontwikkelaars van responsive Joomla! templates dagelijks mee te maken hebben.
Citation preview
Responsive Design:Uitdagingen & Oplossingen
Robin Poort (@rhcpoort)
JD13NL, Zeist, april 2013
Tweepixels.nl/Academytrainer | Joomla!
ThemePartner.comdesign / development
Responsive design?
Adaptive design?
Uitdagingen (en mogelijke oplossingen)
Responsive Web DesignFluid grids, fluid images and media queries
Adaptive vs Responsive
Design vs Layout
Responsive bookmarkhttp://responsive.victorcoulon.fr/
iPhone & iPad debug through safaribit.ly/Qy06v8
Opera mobile emulatorhttp://www.opera.com/developer/mobile-emulator
Responsive bookmarkhttp://responsive.victorcoulon.fr/
iPhone & iPad debug through safaribit.ly/Qy06v8
Opera mobile emulatorhttp://www.opera.com/developer/mobile-emulator
Responsive bookmarkhttp://responsive.victorcoulon.fr/
iPhone & iPad debug through safaribit.ly/Qy06v8
Opera mobile emulatorhttp://www.opera.com/developer/mobile-emulator
Responsive navigationhttp://bradfrostweb.com/blog/web/responsive-nav-patterns/
Responsive tableshttp://css-tricks.com/responsive-data-table-roundup/
Responsive imageshttp://css-tricks.com/which-responsive-images-solution-should-you-use/
Vragen?
@rhcpoort | @theme_partner | @tweepixels
www.themepartner.com | www.tweepixels.nl/academy
Time's up