The good, the bad, and the squishy

A talk about thinking and designing squishy, covering Progressive Enhancement, Responsive Web Design, and deliverables that can help.

Transcript

1. The good, the bad, and the squishy Steve Barnett
2. naga.co.za/squishy @maxbarners Front-end developer at Praekelt
3. BED — FED — Des
4. Squishy
5. What we'll cover Progressive Enhancement Responsive Web Design Deliverables
6. Progressive Enhancement
8. Progressive Enhancement
13. HTML
14. CSS HTML
15. JS CSS HTML
16. JS fails CSS HTML
18. Levels of Optimisation Cutting the mustard
19. Access regardless of Device, Connection, Disability
20. Squishy
21. Responsive Web Design
22. @RWD
23. Not about resizing your browser
25. Mobile First
26. * First (* = All The Things)
27. Squishy
28. Deliverables
29. Mockup
30. Style Tiles
31. Front-end Style Guide
34. Style-Guide Driven Development
35. Squishy
36. What we've covered Progressive Enhancement Responsive Web Design Deliverables
37. Thanks! Questions?
    Steve Barnett naga.co.za/squishy @maxbarners
38. It depends ¯\_(
    )_/¯
39. 4 flickr.com/photos/brad_frost/ 7387759388 4 flickr.com/photos/p_valdivieso/ 11825680466 4 flickr.com/photos/w4nd3rl0st/ 6676987847 4 behance.net/gallery/Cinemagraphs- Escalators/12202611 4 flickr.com/photos/psd/2731067095/ 4 flaticon.com