1.
More than
Media QueriesSALLY JENKINSON · @sjenkinson · Responsive Day Out 2 · 27th June 2014

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

3.
Responsive
Planning

4.
1. Process & workflow

5.
2. Features & DETAIL

6.
Responsivizer
8000

7.
3. invisible requirements

8.
Attitudes &
Responsibility

9.
I Can Make - @icanmakehq

10.
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

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

12.
Size isn’t everything
(RWD > media queries > widths)
dev.w3.org/csswg/mediaqueries4/

13.
+ + API

14.
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

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

16.
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

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

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

19.
Be responsible

20.
Narcissistic
web design

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

22.
Your decisions are not isolated
Dean Terry - https://www.flickr.com/photos/16262447@N00/86988892/

23.
Change is hard
(but it’s also good)

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

25.
AND finally…

26.
Thank you
Sally Jenkinson
www.recordssoundthesame.com
sally@recordssoundthesame.com · @sjenkinson