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