more than media queries - responsive day out 2
DESCRIPTION
Talk given at Responsive Day Out 2 in Brighton on the 27th June 2014. Audio recording courtesy of Drew McLellan and Huffduffed by Jeremy Keith: http://huffduffer.com/adactio/167829 Notes were taken by Orde Saunders (@decadecity): http://decadecity.net/blog/2014/06/27/sally-jenkinson-more-than-media-queriesTRANSCRIPT
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…