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 you
Sally Jenkinson
www.recordssoundthesame.com
sally@recordssoundthesame.com · @sjenkinson