Responsive WebdesignTerug naar opleidingoverzicht

Situering

De opmars van smartphones en tablets valt niet meer te stuiten. Mensen willen constant toegang tot het web, hun e-mails, de sociale media, online gaming, enz. Mobiliteit en flexibiliteit krijgen een steeds hogere prioriteit bij de online ervaring. Omwille van de verschillende formaten dienen alle applicaties aangepast of geoptimaliseerd te worden voor een breed assortiment aan toestellen met verschillende fysieke afmetingen en schermresoluties.

Doelpubliek

Voor front-end webontwikkelaars die webdesign willen optimaliseren voor verschillende handhelds (tablets, e-readers, notebooks, smartphones ...)

Voorkennis

Vertrouwd zijn met HMTL, CSS. Noties van jQuery strekt tot voordeel.

Opleidingsduur

1 dag

Programma-inhoud

  • Introductie Responsive webdesign
  • Situeren problematiek van handhelds
  • Native applications versus Responsive Webdesign
  • Multi-device layout patterns
  • De viewport meta-tag
  • Het belang van aangepaste CSS
  • CSS3 Media Queries
  • (Fluid) Grid Systems
  • Het concept Mobile First en Progressive Enhancement
  • Browser-, device-, en feature-detection
  • Polyfills frameworks zoals Modernizr
  • jQuery Mobile
  • Serverside "dynamic" CSS via Sass of LESS
  • Workaround voor fixed Media met AJAX
  • Voorbeelden
  • Oefeningen