Where Do We Go From Here?
A presentation at Responsive Day Out 3 in in Brighton, UK by Aaron Gustafson
Where Do We Go From Here? Aaron Gustafson @AaronGustafson slideshare.net/AaronGustafson Responsive Day Out 19 June 2015 Brighton, UK
And that doesn’t even consider our users.
It’s about access.
Media Query Forest HTML5 Form Caverns Lake CSS Mount Ajax X
POSTEL’S LAW Be conservative in what you do, be liberal in what you accept from others.
EPICTETUS When something happens, the only thing in your power is your attitude toward it; you can either accept it or resent it.
It’s about accessibility.
@media (pointer:fine) { /* Smaller links and buttons are ok / } @media (pointer:coarse) { / Larger links and buttons are probably a good idea */ }
@media (hover:hover) { /* hover-related interactions are A-OK / } @media (hover:on-demand) { / hover-related interactions are potentially difficult, maybe do something else instead / } @media (hover:none) { / No hover possible :-( */ }
MEDIA QUERIES LEVEL 4 Designing a page that relies on hovering or accurate pointing only because any-hover or any-pointer indicate that an input mechanism with these capabilities is available, is likely to result in a poor experience.
if ( window.PointerEvent ) { window.addEventListener( “pointerdown”, detectType, false ); }
function detectType( event ) { switch( event.pointerType ) { case “mouse”: /* mouse input detected / break; case “pen”: / pen/stylus input detected / break; case “touch”: / touch input detected / break; default: / pointerType is empty (could not be detected) or UA-specific custom type */ } }
body { max-width: 64em; } @media screen and (min-width: 64em) { body { font-size: 1.5625vw; /* ( 1em / 64em ) * 100 */ } }
STEPH HAY Interface is an opportunity to have a conversation with our users.
Accessibility is not about disabilities, it’s about people
Thank you! @AaronGustafson aaron-gustafson.com slideshare.net/AaronGustafson
We’ve come a long way since Ethan’s article, fluid grids, flexible media, and media queries. Those three tenets sowed a seed that has grown and flourished as we have come to better understand the implications of device proliferation. We’ve seen that the web is capable of going anywhere and doing pretty much anything.
Resources
The following resources were mentioned during the presentation or are useful additional information.
