Your SlideShare is downloading. ×
  • Like
IAD 5 - les 2 - Responsive Design
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

IAD 5 - les 2 - Responsive Design



Published in Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads


Total Views
On SlideShare
From Embeds
Number of Embeds



Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

    No notes for slide


  • 1. Moet je allemaal losse sites maken voor desktop, tablets, touch phones en smartphones? (kost veel werk en dus geld)
  • 2. “If your information is not available on small screen, it doesn’t exist for all the people that rely on their mobile phones for access.” Pew Research
  • 3.     
  • 4. “Responsive web design is not a down-scaling. it’s an optimization for the different viewports of today… if it’s done right!” Markus (onbekend)
  • 5. “Truncation is not a content strategy. Don’t just chop content off to make it fit onto small screens” Karen McGrane Truncation: ‘snoeien’, ‘afhakken’ of zelfs ‘mutileren’
  • 6. “You need to know what matters most. Thanks to progressive enhancement (and let’s face it, responsive design done right is a perfect example of progressive enhancement) we can serve up the content that people want and display it to the best ability of any particular device. That’s the key difference: start with the content, not the device.” Luke Wroblewski
  • 7. “Start with the small screen first, then expand until it looks like shit. Time for a breakpoint!” Stephen Hay
  • 8. “We ontwerpen content die beweegt, van vorm verandert en transformeert in zijn verschillende stadia, of het nu gaat om desktops, mobiele telefoons of iets geheel anders”. Nicklas Persson
  • 9.    
  • 10. Maak een responsive design voor de • Homepage • Vraag • Contact
  • 11. “Ontwerp systemen (van componenten) in plaats van pagina’s.” Stephen Hay, Karen McGrane
  • 12.     
  • 13.      
  • 14.
  • 15. @ferrydendopper