Responsive Web Design at FITC SCREENS
<figure>
<figcaption>
Copyright Nuscreen Digital: https://j.mp/TWlsWy
</figcaption>
</figure>
This week I was at FITC SCREENS with my colleague Paul Laberge to talk about HTML5, Windows 8, and Windows Phone. It was my first time at SCREENS, but not my first FITC event, and I must say that the team is always doing an awesome job to bring the tech community together with their amazing events.
As usual I didn't have the time to go see any sessions, but I had the pleasure to talk to many attendees as we had a booth with cool Windows Phone, and Windows 8 devices (actually those were Windows 7 devices with Windows 8 on them). I also had the opportunity to speak about one of my favorite topics, Responsive Web Design. I know, I already did this presentation a couple of times now, but I still have requests for, and people seem to really like it. With the feedbacks I've got, I decided to do it again at SCREENS, even if it was basically the same (I updated my slides with new content) that I did at FITC Toronto in April this year.
<iframe src="https://www.slideshare.net/slideshow/embed_code/key/oPldSfOja5kVM0" 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>
SCREENS - 2012-09-28 - Responsive Web Design, get the best from your design from Frédéric Harper
As usual, a list of resources from my presentation:
- Ethan Marcotte original article on A list Apart
- ScreenFly - tool to test some resolution
- 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
- The picture element
I hope you enjoyed my presentation. Feel free to send me your comments, questions or... insults! Oh, and if you make one of your project or site responsive, please let me know as I'm always looking for nice examples!
P.S.: Why do I always look weird when someone takes a picture of me presenting? Do I always look like this when I'm presenting?