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,764 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
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,764
On SlideShare
0
From Embeds
0
Number of Embeds
756
Actions
Shares
0
Downloads
17
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

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

×