Save 37% off PRO during our Black Friday Sale! »

The good, the bad, and the squishy

28a7165396905ffabc4d1f45609efc39?s=47 Steve Barnett
September 19, 2014

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.

28a7165396905ffabc4d1f45609efc39?s=128

Steve Barnett

September 19, 2014
Tweet

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

  7. None
  8. Progressive Enhancement

  9. None
  10. None
  11. None
  12. None
  13. HTML

  14. CSS HTML

  15. JS CSS HTML

  16. JS fails CSS HTML

  17. None
  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

  24. None
  25. Mobile First

  26. * First (* = All The Things)

  27. Squishy

  28. Deliverables

  29. Mockup

  30. Style Tiles

  31. Front-end Style Guide

  32. None
  33. None
  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