Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Accessibility and Maintainability as foundations for Responsive Design

Meanbee
September 13, 2014

Accessibility and Maintainability as foundations for Responsive Design

Continuing our series on Responsive Design, Darren Belding and Tom Robertshaw spoke at Meet Magento Romainia. During the 25 minutes we covered how to build more maintainable and structured frontend code.

Meanbee

September 13, 2014
Tweet

More Decks by Meanbee

Other Decks in Design

Transcript

  1. One Web • The same information and services are available

    for all devices • No “This feature is not available” http://www.w3.org/TR/mobile-bp/#OneWeb
  2. Mobile First • A great exercise to consider content priorities

    • Starts with a solid base • Technically efficient
  3. • Relative units • Fluid grid and content • Connection

    speed • Infinite inputs theory Accessibility
  4. • OOJS • Init • Reinit • Destroy • Conditional

    • matchMedia + modernizr • enquire.js, harvey.js • require.js
  5. • Fluid • File size • Resolution • Mime types

    • Art Direction Responsive Imagery
  6. • Build Responsibly • Be a Frontend Engineer • Duty

    to client to advise them even if it means moulding the design/requirement