Reader Responsive Design NHL

Reader Responsive Design NHL

Voor Talk Nerdy To Me gaven Maarten en ik een introducerende lezing over Responsive Webdesign.

Voor iedereen die deze lezing nog eens in alle rust wil doorkijken en wil doorlezen over dit onderwerp is de PDF ervan hier te dowloaden: responsive reader download

Data:
http://mashable.com/2010/04/13/mobile-web-stats/
http://www.malleckdesign.com/blog/why-responsive-design-is-the-future
http://978.gs/browsers/

Content:
http://trentwalton.com/2011/07/14/content-choreography/
http://csswizardry.com/2011/07/responsive-images-right-now/
http://filamentgroup.com/lab/responsive_images_experimenting_with_context_aware_image_sizing/
http://code.google.com/p/minify/

UI/UX:
http://css-tricks.com/convert-menu-to-dropdown/
http://978.gs
http://twitter.github.com/bootstrap/
http://www.designbyfront.com/demo/goldilocks-approach/
www.elated.com/articles/responsive-web-design-demystified/
http://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html

Verder:

De founder van Responsive Webdesign is Ethan Marcotte
http://www.alistapart.com/articles/responsive-web-design/

De oer-best-ppractices van de W3C:
http://www.w3.org/TR/mobile-bp/

De Must-reads:
http://www.abookapart.com/products/
http://www.smashingmagazine.com/ebooks/
http://mobile.smashingmagazine.com/

Responsive Web Design: What It Is and How to Use It
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

Kun je het niet aanzien dat je layout versprint als je je browser resized?
http://elliotjaystocks.com/blog/css-transitions-media-queries/

Screenshots van Media Query enabled sites:
http://mediaqueri.es/

Handpicked organized selection of articles:
http://www.smashingmagazine.com/guidelines-for-mobile-web-development/

Resize my Browser:
http://resizemybrowser.com/

CSS & type:

http://pxtoem.com/

http://v1.jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css

Update dd. 27-06: Maaike de Laat tipte me nog dat ze er een stukje over had geschreven op haar Eend-blog

Leave a Reply