IAD 5 - les 2 - Responsive Design

50 %
50 %
Information about IAD 5 - les 2 - Responsive Design
Design

Published on February 25, 2014

Author: ferrydd

Source: slideshare.net

Moet je allemaal losse sites maken voor desktop, tablets, touch phones en smartphones? (kost veel werk en dus geld)

“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

    

“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)

“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’

“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

“Start with the small screen first, then expand until it looks like shit. Time for a breakpoint!” Stephen Hay

“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

   

Maak een responsive design voor de • Homepage • Vraag • Contact

“Ontwerp systemen (van componenten) in plaats van pagina’s.” Stephen Hay, Karen McGrane

    

     



f.den.dopper@hr.nl @ferrydendopper

Add a comment

Related presentations

Related pages

Am I Responsive?

Test web pages for responsive design across 4 different viewports, desktop, laptop, ipad and iphone.
Read more

Responsive web design - Wikipedia, the free encyclopedia

Responsive web design ... [5] [6] flexible images, [7] ... Responsive design was listed as #2 in Top Web Design Trends for 2012 by .net magazine ...
Read more

Responsive Webdesign Tutorial - Media Queries - Teil 1 ...

Eine Zwischenlösung waren die so genannten "Liquid Designs". ... 1 2 3 4 5 6 7 8 9 ... Bisher haben 5 Personen an der Seite "Responsive Webdesign Tutorial ...
Read more

Best Responsive Design Websites | Web Design Inspiration

... flexible images and media queries are the three technical ingredients for responsive web design ... 2 columns 3 columns Desktop Mobile; ... 1 2 3 4 5 ...
Read more

Responsive Design: Die Top 5 Gratis-Templates für Joomla ...

Demo von Elastica für Joomla 2.5. Download Elastica Template für Joomla . Pure Site. Es ist weiß, einfach und clean. Aufgrund der Schönheit nicht nur ...
Read more

Responsive Design mit 3.0 oder 2.5 plus Extension?

Responsive Design mit 3.0 oder 2.5 plus Extension? ... Auf Joomlart habe ich nur 1 Template für 3.0 gefunden (und mehrere responsive für 2.5).
Read more

iAd - Advertising with Apple.

iAdvertise to millions of people and earn money from advertising, all in one place. Open Menu Close Menu; Apple; ... Apple Footer. iAd is available in iOS ...
Read more

Responsive Joomla Templates - Joomla Templates - Template ...

A responsive Joomla template uses css mediaqueries ... It's a responsive design for those times when ... Motion is a Joomla 2.5 / Joomla 3 template that ...
Read more