{"id":901,"date":"2015-10-06T00:00:00","date_gmt":"2015-10-06T00:00:00","guid":{"rendered":"http:\/\/www.emergeinteractive.com\/responsive-field-day-2015-review\/"},"modified":"2019-05-08T23:20:13","modified_gmt":"2019-05-08T23:20:13","slug":"responsive-field-day-2015-review","status":"publish","type":"post","link":"https:\/\/www.emergeagency.com\/insights\/detail\/responsive-field-day-2015-review\/","title":{"rendered":"Responsive Field Day 2015 Review"},"content":{"rendered":"<p class=\"subtitle tx-a\">\n<p>I had a great time at the <a href=\"https:\/\/www.responsivefieldday.com\/\">Responsive Field Day<\/a> conference, which was hosted at <a href=\"http:\/\/www.revolutionhallpdx.com\/\">Revolution Hall<\/a>. Here is what I took away from event.<\/p>\n<p>The single track format consisted of pithy, 20-minute talks from world-class speakers that were followed up by hosted panel discussions along with Q&amp;A from the audience. This format really made audience members feel like they were a part of the conference. The hosts, Lyza Danger Gardner and Jason Grigsby of <a href=\"http:\/\/cloudfour.com\/\">Cloud Four<\/a> asked well-informed, meaty questions I was wondering about myself.<\/p>\n<h2>Progressive Enhancement, Accessibility, Ubiquity<\/h2>\n<p>It was interesting that in almost every talk the topic of web accessibility came up, along with a heavy focus on web standards, user experience, performance, and progressive enhancement. These days, thought leaders are talking less about \u2018immersive experiences\u2019 and more about great user experiences.<\/p>\n<figure><img decoding=\"async\" alt=\"Tweet about accessibility being mentioned in every talk\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/s.cdpn.io\/15309\/a11y-tweet.jpg\" style=\"max-width: 400px;\"><figcaption>Tweet about accessibility being mentioned in every talk<\/figcaption><\/figure>\n<h2>Be kind<\/h2>\n<p>It is also worth noting that at the beginning of the conference special time was set aside for addressing the conference\u2019s <a href=\"https:\/\/www.responsivefieldday.com\/code-of-conduct\">Code of Conduct<\/a>. It is unfortunate that we need these at tech conferences these days, but it effectively set the tone for an inclusive, safe, and respectful day.<\/p>\n<p>I enjoyed and learned something from every speaker at the conference \u2013 here are just a few highlights:<\/p>\n<h3>Brad Frost \u2013 Looking for a Place to Hang My Hat<\/h3>\n<p>A great talk about what we can rely on these days when being bombarded by countless tools and approaches to web development. He spoke about <a href=\"http:\/\/bradfrost.com\/blog\/post\/atomic-web-design\/\">Atomic Design<\/a> and how designing with modularity in mind can help.<\/p>\n<p><strong>Hang your hat on these:<\/strong><\/p>\n<ul>\n<li>Principles<\/li>\n<li>Collaboration<\/li>\n<li>Sharing<\/li>\n<li>Respect<\/li>\n<li>Responsive Design<\/li>\n<li>Progressive Enhancement<\/li>\n<li>Design Systems<\/li>\n<li>Simplicity<\/li>\n<\/ul>\n<p>Something he said really stuck with me and rings true:<\/p>\n<blockquote><p>\u201cThe web is a giant puzzle and we\u2019ve lost the box for it..\u201d \u2013 Brad Frost<\/p><\/blockquote>\n<h3>Marcy Sutton \u2013 Mobile Web Accessibility for Developers<\/h3>\n<p>In 20 minutes we learned a considerable amount about accessibility on mobile and why further consideration in this space is important. Powerful video examples of modals, focus management, gesture conflicts, and mobile screen readers were demonstrated.<\/p>\n<p>Things to consider when developing for mobile:<\/p>\n<ul>\n<li>Visual clutter<\/li>\n<li>Everything\u2019s too small<\/li>\n<li>Ambiguous visual icons<\/li>\n<li>Locked-down zoom<\/li>\n<li>Hijacked scrolling<\/li>\n<li>Conflicting Gestures \u2013 ie. swipe<\/li>\n<\/ul>\n<h3>Tom Dale \u2013 Progressive Enhancement is Dead, Long Live Progressive Enhancement<\/h3>\n<p>The creator of ember.js gives a fairly edgy talk about the state of JavaScript in the development world and progressive enhancement. At times, Tom appeared to be defensive while rebutting claims made by Eric Meyer in a recent talk about progressive enhancement. The defense was a solid one making for an exciting talk.<\/p>\n<p>Tom introduced <a href=\"http:\/\/emberjs.com\/blog\/2014\/12\/22\/inside-fastboot-the-road-to-server-side-rendering.html\">Ember FastBoot<\/a> \u2013 which is a project that hopes to close the gap with JavaScript powered applications and progressive enhancement using server-side rendering.<\/p>\n<h3>Jeremy Keith \u2013 Be Progressive<\/h3>\n<p>Getting to see Jeremy Keith speak for the first time was a treat!! Jeremy put progressive enhancement into perspective for all of us in the crowd.<\/p>\n<ol>\n<li>Identify core functionality.<\/li>\n<li>Make that functionality available using the simplest technology.<\/li>\n<li>Enhance!<\/li>\n<\/ol>\n<h3>Steve Souders \u2013 Measuring What\u2019s Important<\/h3>\n<p>Steve basically tore down all the ways we currently measure speed and performance by exposing the fact that many of the tools we use currently provide unreliable and inconsistent results. The take-away was to continue speed performance testing but that \u201cperceived speed\u201d is more important than page load times or other metrics gained from testing. What the user experiences may be a better thing to test for.<\/p>\n<p>Steve pointed out that there is a native API out there to help with more accurate testing now: <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Window\/performance\">window.performance();<\/a> He also noted that <a href=\"http:\/\/www.webpagetest.org\/\">Webpagetest.com<\/a> is a trusted tool.<\/p>\n<h3>Jen Simmons \u2013 Modern Layouts: Getting Out of Our Ruts<\/h3>\n<p>In a very moving talk, Jen challenges the entire design community to leverage new technologies and break out of repeated design patterns that we appear to be stuck in. She believes we are in a bit of a \u201cdesign rut.\u201d<\/p>\n<p>Jen was using awesome print layout examples to inspire the crowd.<\/p>\n<h3>Ethan Marcotte \u2013 Design Beyond Our Devices<\/h3>\n<p>Ethan, who invented Responsive Design, is an amazing speaker. He covered consideration of markup order while leveraging Flexbox. He demonstrated with code examples how to obtain a different visual order to a design pattern while maintaining proper markup order.<\/p>\n<p>In a nutshell, code semantically and respectfully leverage new technology when you can to tackle a design challenge.<\/p>\n<p>A quote that stuck with me Ethan said:<\/p>\n<blockquote><p>\u201cNot everyone uses the web like me.\u201d \u2013 Ethan Marcotte<\/p><\/blockquote>\n<h2>Supporting local music<\/h2>\n<p>The organizers even had local recorded music being played between each presenter and break.<\/p>\n<p><a href=\"https:\/\/twitter.com\/TheShivas\">@TheShivas<\/a>, <a href=\"https:\/\/twitter.com\/lifeformed\">@lifeformed<\/a>, <a href=\"https:\/\/twitter.com\/wildonestheband\">@wildonestheband<\/a>, <a href=\"https:\/\/twitter.com\/botanistmusic\">@botanistmusic<\/a>,Neahkahnie, Health &amp; Happiness<\/p>\n<h2>Giving Back<\/h2>\n<p>Cloud Four gave back proceeds from the conference. \u201cAny proceeds from the event will be donated to programs that support open web technologies, the tech community and education.\u201d<\/p>\n<h2>Photos from the day:<\/h2>\n<p>There was a professional photographer there for the day. <a href=\"http:\/\/www.wingoodbody.photography\/Event\/20150925-Responsive-Field-Day\/\">Take a peek at the photos<\/a> from the conference.<\/p>\n<p><a href=\"https:\/\/twitter.com\/rfdpdx\">Follow Responsive Field Day on Twitter<\/a> to stay up to date and learn when the next one will happen. See you there!<\/p>\n<div id=\"disqus_wrapper\">\n<div id=\"disqus_thread\"><\/div>\n<p><noscript>Please enable JavaScript to view the <a href=\"http:\/\/disqus.com\/?ref_noscript\">comments powered by Disqus.<\/a><\/noscript><a href=\"http:\/\/disqus.com\" class=\"dsq-brlink\">comments powered by <span class=\"logo-disqus\">Disqus<\/span><\/a><script>if((window.location.href.indexOf(\"erik\") != -1) || (window.location.href.indexOf(\"lvh.me\") != -1) || (window.location.href.indexOf(\"empirestaging\") != -1) || (window.location.href.indexOf(\"emergebeta\") != -1)){ var disqus_shortname = 'emerge2013erik'; }else{var disqus_shortname = 'emergeinteractiveproduction'}var disqus_config = function () {this.page.identifier = 2338;};(function() {var dsq = document.createElement('script'); dsq.type = 'text\/javascript'; dsq.async = true;dsq.src = '\/\/' + disqus_shortname + '.disqus.com\/embed.js';(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);})();<\/script><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>I had a great time at the Responsive Field Day conference, which was hosted at Revolution Hall. Here is what I took away from event. The single track format consisted of pithy, 20-minute talks from world-class speakers that were followed up by hosted panel discussions along with Q&amp;A from the audience. This format really made [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":287,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,20],"tags":[],"message_area_of_focus":[],"buy_cycle":[],"target_audience":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Responsive Field Day 2015 Review<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.emergeagency.com\/insights\/detail\/responsive-field-day-2015-review\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive Field Day 2015 Review\" \/>\n<meta property=\"og:description\" content=\"I had a great time at the Responsive Field Day conference, which was hosted at Revolution Hall. Here is what I took away from event. The single track format consisted of pithy, 20-minute talks from world-class speakers that were followed up by hosted panel discussions along with Q&amp;A from the audience. This format really made [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.emergeagency.com\/insights\/detail\/responsive-field-day-2015-review\/\" \/>\n<meta property=\"og:site_name\" content=\"EMERGE | UX Agency\" \/>\n<meta property=\"article:published_time\" content=\"2015-10-06T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-05-08T23:20:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/rfdpdx-hero.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1226\" \/>\n\t<meta property=\"og:image:height\" content=\"493\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Emerge\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@EmergeInteract\" \/>\n<meta name=\"twitter:site\" content=\"@EmergeInteract\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Emerge\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.emergeagency.com\/insights\/detail\/responsive-field-day-2015-review\/\",\"url\":\"https:\/\/www.emergeagency.com\/insights\/detail\/responsive-field-day-2015-review\/\",\"name\":\"Responsive Field Day 2015 Review\",\"isPartOf\":{\"@id\":\"https:\/\/www.emergeagency.com\/#website\"},\"datePublished\":\"2015-10-06T00:00:00+00:00\",\"dateModified\":\"2019-05-08T23:20:13+00:00\",\"author\":{\"@id\":\"https:\/\/www.emergeagency.com\/#\/schema\/person\/f62fc7e4ff555922239bd0e19794c2c1\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.emergeagency.com\/insights\/detail\/responsive-field-day-2015-review\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.emergeagency.com\/insights\/detail\/responsive-field-day-2015-review\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.emergeagency.com\/insights\/detail\/responsive-field-day-2015-review\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.emergeagency.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Responsive Field Day 2015 Review\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.emergeagency.com\/#website\",\"url\":\"https:\/\/www.emergeagency.com\/\",\"name\":\"EMERGE | UX Agency\",\"description\":\"EMERGE is a UX design agency in Portland, OR. We help product and marketing leaders in healthcare, manufacturing, and tech drive revenue and improve outcomes through digital products that increase customer engagement and retention. Our specialties are in UX\/UI Design, product strategy, and full-stack development.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.emergeagency.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.emergeagency.com\/#\/schema\/person\/f62fc7e4ff555922239bd0e19794c2c1\",\"name\":\"Emerge\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.emergeagency.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/Ei_logo-1-96x96.jpg\",\"contentUrl\":\"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/Ei_logo-1-96x96.jpg\",\"caption\":\"Emerge\"},\"url\":\"https:\/\/www.emergeagency.com\/author\/emerge\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Responsive Field Day 2015 Review","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.emergeagency.com\/insights\/detail\/responsive-field-day-2015-review\/","og_locale":"en_US","og_type":"article","og_title":"Responsive Field Day 2015 Review","og_description":"I had a great time at the Responsive Field Day conference, which was hosted at Revolution Hall. Here is what I took away from event. The single track format consisted of pithy, 20-minute talks from world-class speakers that were followed up by hosted panel discussions along with Q&amp;A from the audience. This format really made [&hellip;]","og_url":"https:\/\/www.emergeagency.com\/insights\/detail\/responsive-field-day-2015-review\/","og_site_name":"EMERGE | UX Agency","article_published_time":"2015-10-06T00:00:00+00:00","article_modified_time":"2019-05-08T23:20:13+00:00","og_image":[{"width":1226,"height":493,"url":"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/rfdpdx-hero.jpg","type":"image\/jpeg"}],"author":"Emerge","twitter_card":"summary_large_image","twitter_creator":"@EmergeInteract","twitter_site":"@EmergeInteract","twitter_misc":{"Written by":"Emerge","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.emergeagency.com\/insights\/detail\/responsive-field-day-2015-review\/","url":"https:\/\/www.emergeagency.com\/insights\/detail\/responsive-field-day-2015-review\/","name":"Responsive Field Day 2015 Review","isPartOf":{"@id":"https:\/\/www.emergeagency.com\/#website"},"datePublished":"2015-10-06T00:00:00+00:00","dateModified":"2019-05-08T23:20:13+00:00","author":{"@id":"https:\/\/www.emergeagency.com\/#\/schema\/person\/f62fc7e4ff555922239bd0e19794c2c1"},"breadcrumb":{"@id":"https:\/\/www.emergeagency.com\/insights\/detail\/responsive-field-day-2015-review\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.emergeagency.com\/insights\/detail\/responsive-field-day-2015-review\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.emergeagency.com\/insights\/detail\/responsive-field-day-2015-review\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.emergeagency.com\/"},{"@type":"ListItem","position":2,"name":"Responsive Field Day 2015 Review"}]},{"@type":"WebSite","@id":"https:\/\/www.emergeagency.com\/#website","url":"https:\/\/www.emergeagency.com\/","name":"EMERGE | UX Agency","description":"EMERGE is a UX design agency in Portland, OR. We help product and marketing leaders in healthcare, manufacturing, and tech drive revenue and improve outcomes through digital products that increase customer engagement and retention. Our specialties are in UX\/UI Design, product strategy, and full-stack development.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.emergeagency.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.emergeagency.com\/#\/schema\/person\/f62fc7e4ff555922239bd0e19794c2c1","name":"Emerge","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.emergeagency.com\/#\/schema\/person\/image\/","url":"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/Ei_logo-1-96x96.jpg","contentUrl":"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/Ei_logo-1-96x96.jpg","caption":"Emerge"},"url":"https:\/\/www.emergeagency.com\/author\/emerge\/"}]}},"_links":{"self":[{"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/posts\/901"}],"collection":[{"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/comments?post=901"}],"version-history":[{"count":1,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/posts\/901\/revisions"}],"predecessor-version":[{"id":2465,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/posts\/901\/revisions\/2465"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/media\/287"}],"wp:attachment":[{"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/media?parent=901"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/categories?post=901"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/tags?post=901"},{"taxonomy":"message_area_of_focus","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/message_area_of_focus?post=901"},{"taxonomy":"buy_cycle","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/buy_cycle?post=901"},{"taxonomy":"target_audience","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/target_audience?post=901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}