{"id":130186413,"date":"2012-05-12T05:34:45","date_gmt":"2012-05-12T05:34:45","guid":{"rendered":"http:\/\/joshdance.me\/responsive-web-design-the-new-thang"},"modified":"2012-05-12T05:34:45","modified_gmt":"2012-05-12T05:34:45","slug":"responsive-web-design-the-new-thang","status":"publish","type":"post","link":"http:\/\/joshdance.me\/blog\/responsive-web-design-the-new-thang\/","title":{"rendered":"Responsive Web Design – the new thang"},"content":{"rendered":"

Responsive web design is the new thing. \u00a0It is pretty sweet. \u00a0Want an example? Go to saltsurf.com<\/a> and resize your browser window. \u00a0Sweet no?\u00a0 <\/p>\n

\n

The whole responsive web design show got its name from Ethan Marcotte in this<\/a> wonderful article about responsive web design<\/a>. \u00a0He kind of coined a name for a practice that was taking off at the time.\u00a0<\/div>\n

\n

But how is this black magic accomplished you ask? The secret sauce is media queries<\/a>. (Don't really read the media queries link. It is long dry and boring. Just read the List Apart article. \u00a0Much better. k?)\u00a0<\/div>\n

\n

\n

Media queries basically ask the device "Hey do you have this?". If the device answers yes, it gets one page. If it says no, it gets another. \u00a0Nice right? This does require the developer to think up rules of how they want the page to display. Some responsive websites just get smaller while some completely change menu options and even eliminate or use different pictures.\u00a0<\/div>\n

\n

Here are some examples<\/a>:<\/div>\n

\n

http:\/\/www.madebysplendid.com\/<\/a><\/div>\n
http:\/\/conferenciarails.org\/<\/a><\/div>\n
http:\/\/www.saltsurf.com\/<\/a>\u00a0<\/div>\n

\n

So if you want to get started making sweet awesome responsive websites, go download a simple boilerplate here ->\u00a0http:\/\/www.getskeleton.com\/<\/a><\/div>\n

\n

And get on it.\u00a0<\/div>\n

\n

On an aside, I really think that a majority of websites will soon have some of the most important elements of responsive web design. \u00a0The device world is breaking apart and you have no idea what size of screen people are going to be seeing your stuff on. \u00a0Best to have a prepared response. \u00a0(Responsive get it? \ud83d\ude42<\/div>\n

\n

\n

\n

\u00a0<\/div>\n","protected":false},"excerpt":{"rendered":"

Responsive web design is the new thing. It is pretty sweet. Want an example? Go to saltsurf.com and resize your browser window. Sweet no? The whole responsive web design show got its name from Ethan Marcotte in this wonderful article about respons…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/joshdance.me\/blog\/wp-json\/wp\/v2\/posts\/130186413"}],"collection":[{"href":"http:\/\/joshdance.me\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/joshdance.me\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/joshdance.me\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/joshdance.me\/blog\/wp-json\/wp\/v2\/comments?post=130186413"}],"version-history":[{"count":0,"href":"http:\/\/joshdance.me\/blog\/wp-json\/wp\/v2\/posts\/130186413\/revisions"}],"wp:attachment":[{"href":"http:\/\/joshdance.me\/blog\/wp-json\/wp\/v2\/media?parent=130186413"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/joshdance.me\/blog\/wp-json\/wp\/v2\/categories?post=130186413"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/joshdance.me\/blog\/wp-json\/wp\/v2\/tags?post=130186413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}