Responsive Web Design, get the best of your design at FITC Toronto

Yesterday I did a presentation at FITC Toronto on Responsive Web Design. I had a blast with an amazing audience, and as I promised, here is the presentation:

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/occUJdfuI3HCst" width="427" height="356" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC;border-width:1px;margin-bottom:5px;max-width:100%" allowfullscreen></iframe>

FITC - 2012-04-23 - Responsive Web Design from Frédéric Harper

All the resources are in the slides, but it will be easier for you to have them here:

• Ethan Marcotte original article on A list Apart
• Multi-Device Layout Patterns
• Filament group Responsive Images script
• CSS3 Media Queries JavaScript polyfill
• Hardboiled CSS3 Media Queries
• Stunning CSS3 book
• Responsive Web Design book
• Smashing Magazine article on Responsive Web Design
• Media queries examples
• CSS3 Media Queries W3C standard

Somebody introduce me to what seems to be an awesome tool to test your website on different devices. I didn’t have the time to test it, but ProtoFluid is a JavaScript library that you add to your project to be able to test your Web application or website on “different devices”.

I hope you enjoyed the presentation, and if you have any comments, questions or insults, let me know in the comment section.