More Than Media Queries - Responsive Day Out 2

More than

Media QueriesSALLY JENKINSON · @sjenkinson · Responsive Day Out 2 · 27th June 2014

Hello!

Tony Hisgett - https://www.flickr.com/photos/hisgett/5546030045/

Responsive Planning

1. Process & workflow

2. Features & DETAIL

Responsivizer 8000

3. invisible requirements

Attitudes & Responsibility

I Can Make - @icanmakehq

twitter.com/aral/status/450983599911997440

“ Tech isn’t just about tech - the stuff you make can (and does) change the very character of the society we live in. ” !

- Aral Balkan, 2014

- Batman, 2005

“ It’s not who I am underneath, but what I do that defines me. ”

Size isn’t everything(RWD > media queries > widths)

dev.w3.org/csswg/mediaqueries4/

+ + API

DeviceLightEvent = ? lux

LightLevelEvent = dim | normal | bright

(Approximate levels of dim: < 50 lux, normal: 50 - 10000 lux, bright: > 10000 lux)

www.w3.org/TR/ambient-light/

Media query translation: washed

sallyjenkinson.co.uk/blog/2014/05/18/light-level-demo/

Texas State Archives - https://www.flickr.com/photos/texasstatearchives/9079476324/in/set-72157634196756057, D-Tailor - http://d-tailor.deviantart.com/art/Howl-s-Moving-Castle-80916550

Responsive architecture

Kenny Stoltz -https://www.flickr.com/photos/42901313@N00/226740290/

Shelley Bernstein -https://www.flickr.com/photos/31484272@N00/7044075263/

Be responsible

Narcissistic web design

Andreas Levers - https://www.flickr.com/photos/96dpi/3878544769/in/photostream/

Your decisions are not isolated

Dean Terry - https://www.flickr.com/photos/16262447@N00/86988892/

Change is hard (but it’s also good)

Performance

Derek Bridges - https://www.flickr.com/photos/84949728@N00/4285019229

AND finally…

Thank youSally Jenkinson

www.recordssoundthesame.com

sally@recordssoundthesame.com · @sjenkinson