Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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
ver...
- 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 ...
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 - htt...
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
More Than Media Queries - Responsive Day Out 2
More Than Media Queries - Responsive Day Out 2
More Than Media Queries - Responsive Day Out 2
More Than Media Queries - Responsive Day Out 2
More Than Media Queries - Responsive Day Out 2
More Than Media Queries - Responsive Day Out 2
More Than Media Queries - Responsive Day Out 2
More Than Media Queries - Responsive Day Out 2
Upcoming SlideShare
Loading in …5
×

More Than Media Queries - Responsive Day Out 2

2,881 views

Published on

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-queries

Published in: Internet, Technology, Business
  • Be the first to comment

More Than Media Queries - Responsive Day Out 2

  1. 1. More than Media QueriesSALLY JENKINSON · @sjenkinson · Responsive Day Out 2 · 27th June 2014
  2. 2. Hello! Tony Hisgett - https://www.flickr.com/photos/hisgett/5546030045/
  3. 3. Responsive Planning
  4. 4. 1. Process & workflow
  5. 5. 2. Features & DETAIL
  6. 6. Responsivizer 8000
  7. 7. 3. invisible requirements
  8. 8. Attitudes & Responsibility
  9. 9. I Can Make - @icanmakehq
  10. 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. 11. - Batman, 2005 “ It’s not who I am underneath, but what I do that defines me. ”
  12. 12. Size isn’t everything (RWD > media queries > widths) dev.w3.org/csswg/mediaqueries4/
  13. 13. + + API
  14. 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. 15. sallyjenkinson.co.uk/blog/2014/05/18/light-level-demo/
  16. 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. 17. Kenny Stoltz -https://www.flickr.com/photos/42901313@N00/226740290/
  18. 18. Shelley Bernstein -https://www.flickr.com/photos/31484272@N00/7044075263/
  19. 19. Be responsible
  20. 20. Narcissistic web design
  21. 21. Andreas Levers - https://www.flickr.com/photos/96dpi/3878544769/in/photostream/
  22. 22. Your decisions are not isolated Dean Terry - https://www.flickr.com/photos/16262447@N00/86988892/
  23. 23. Change is hard (but it’s also good)
  24. 24. Performance Derek Bridges - https://www.flickr.com/photos/84949728@N00/4285019229
  25. 25. AND finally…
  26. 26. Thank you Sally Jenkinson www.recordssoundthesame.com sally@recordssoundthesame.com · @sjenkinson

×