Responsive Web Design

A presentation I gave at work about RWD. Where it came from, what it is and some things we have learnt in the past few years about it.

Transcript

1. Responsive Web Design
2. It’s about access
3. Abandon control [The Sage]...accepts the ebb and flow of things, Nurtures them, but does not own them. Tao Te Ching; 2 Abstraction via John Allsopp
4. Sages…work with myriad things but do not control, they create but do not possess, they act but do not presume.
12. User agents
13. Be formless, shapeless, like water. You put water into a cup, it becomes the cup. You put water into a bottle it becomes the bottle. You put it in a teapot, it becomes the teapot.
15. What is responsive web design? • Flexible grid • Flexible media • Media queries
22. The first media query is no media query
24. Content not devices
26. Input is unpredictable
27. A couple of don’ts Don’t display: none in small viewports Don’t use browser sniffing
28. Photo credits • https://upload.wikimedia.org/wikipedia/commons/0/06/ Refreshable_Braille_display.jpg • https://flic.kr/p/zrNaAJ by Jeffrey Zeldman • https://upload.wikimedia.org/wikipedia/commons/b/bf/ Morris_dancing_at_Berwick_St_John_-_geograph.org.uk_- _903611.jpg • http://lookatmyfuckingredtrousers.blogspot.co.uk/