Webdesigntuts+ Quiz #6: Responsive Web Design

Ian Yates on May 30th 2012 with 23 comments

This entry is part 6 of 8 in the The Official Webdesigntuts+ Quizzes Session
« Previous Next »

High time we featured another quiz don’t you think? Let’s see if you’ve got a handle on the basics of Responsive Web Design..

Have a bash at the quiz then let me know your thoughts in the comments! Ideas for future quizzes are also welcome. Enjoy..

Just So You Know

Interested in hosting a similar quiz on your site? The jQuizzy plugin by Nettuts+’ Siddharth can be purchased over on CodeCanyon.

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

Rollover to read this author's bio or click through to see a full list of posts by this author.

Hi there! My name's Ian Yates. Welcome to Webdesigntuts+ :)

Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more

4riS
Nice !!! I love these quizzes.
Gnar
I’m totes rad gnarkill brosephs and brah’s…
“Stunning! You’re our Pageant Queen! You scored 100%”
Eat that.
http://varemenos.com/ Varemenos
This was either too easy or im already into RWDesigning

http://www.snaptin.com Ian Yates
Author
Always best to warm things up gently – next RWD will be a bit more testing :)

http://www.design-79.co.uk Jeremy Preston
Wow!! Just surprised myself…only one wrong!!
Michael
“Second runner up – not bad, honey! You scored 80%”
Sweet!
Filip
80% is not to bed :\
Jeffrey Briceno
70 no bad
Dougieladd
So nice when this happens first time :) – “Stunning! You’re our Pageant Queen! You scored 100%” – Champion!
http://www.responsivedesignweekly.com Responsive Design Weekly
It was a little bit too easy, but lets see how our weekly readers go.

http://www.snaptin.com Ian Yates
Author
Thanks for the (albeit slightly spammy) comment :) Still, I’m signed up to your newsletter – expecting great RWD resources!

Martijn
Breakpoints are point in code where the debugger stops executing to allow step-by-step execution. Media queries where introduced as part of CSS1: @media screen.

http://www.snaptin.com Ian Yates
Author
Fair points Martijn, but we’re talking about RWD here so we can assume I don’t mean breakpoints in code :) Also (and I predict you’re going to disagree with me here) we’ve certainly had use of media types for a while, but they were built upon when media queries were nailed down as part of the CSS3 spec.
AntoxaGray
Media types were used to detect type of device, but not resolution.

http://connor@connorpeet.com Connor Peet
Hah! I got 90% (missed coin-er) and I’ve never even looked into responsive design. Definitely something I need to do though.
Jesus Bejarano
“Second runner up – not bad, honey! You scored 80%” and just cuz i always confuse “can’t” with “can” argh, any ways very good quiz, hoping for more.
Hamid
i guess i’v to improve my information about RWB:| , anyway nice post.
Anthony
Yap, 80% – not bad :)
http://www.customicondesign.com CUSTOM ICON DESIGN
bad news, just got 70%. in my design I just got 980px in the largest screen resolution. because I think there is no need to do as much as more than 980px larger. I will let 980px width centered in the larger screen. it seems fine.
AntoxaGray
LOL only #1 is incorrect for me. Sorry, Marcotte.

CDesign
Suggestions for articles to read or tutorials to try based on your quiz result would be helpful.
http://erikroyall.co.de/ Erik Royall
90% Noit bad