While the tutorial goes over the construction of the experience, this article will take a look at the responsive/UX considerations of the demo. To do this, I’ve created a feature on the demo that annotates (almost) every element on the page, explaining why the element exists on the page, and also what was considered when incorporating the element into the design. You can toggle annotations by clicking the red area that says “Annotations Off”, which is either fixed in the bottom right corner of the demo on larger screens, or below the site footer on smaller screens. ·
http://bradfrostweb.com/blog/mobile/anatomy-of-a-mobile-first-responsive-web-design/While the tutorial goes over the construction of the experience, this article will take a look at the responsive/UX considerations of the demo. To do this, I’ve created a feature on the demo that annotates (almost) every element on the page, explaining why the element exists on the page, and also what was considered when incorporating the element into the design. You can toggle annotations by clicking the red area that says “Annotations Off”, which is either fixed in the bottom right corner of the demo on larger screens, or below the site footer on smaller screens. ·
http://bradfrostweb.com/blog/mobile/anatomy-of-a-mobile-first-responsive-web-design/