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

The good, the bad, and the squishy

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

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

More Decks by Steve Barnett

See All by Steve Barnett
28a7165396905ffabc4d1f45609efc39?s=48 stevebarnett
0
2
28a7165396905ffabc4d1f45609efc39?s=48 stevebarnett
0
15
28a7165396905ffabc4d1f45609efc39?s=48 stevebarnett
0
12
28a7165396905ffabc4d1f45609efc39?s=48 stevebarnett
0
18
28a7165396905ffabc4d1f45609efc39?s=48 stevebarnett
0
30
28a7165396905ffabc4d1f45609efc39?s=48 stevebarnett
1
79
28a7165396905ffabc4d1f45609efc39?s=48 stevebarnett
0
55
28a7165396905ffabc4d1f45609efc39?s=48 stevebarnett
0
89
28a7165396905ffabc4d1f45609efc39?s=48 stevebarnett
0
57

Other Decks in Technology

See All in Technology
Ef2327689a92d784d7d63803140e833e?s=48 yulstat
0
200
3716cf98e52588e91ba25e54b3f61255?s=48 tamagawaconan
2
190
D0a6969000c3715087b3a00abd646d20?s=48 timeseriesfr
0
270
64e95d2d8051ee58501f21987f46b9e7?s=48 chck
0
120
11ab209b6dcacad4e5aa841af533a937?s=48 katahiro12345
0
110
Bf7fe621f4fe1615c228ef8a79b87282?s=48 shirayanagiryuji
0
170
E054bbb78a219fbddbac0bc492aed606?s=48 sensetime_japan
0
110
D907136acebc72f1df878541b26f271a?s=48 pichuang
0
650
D65ac1a4aacb7a449bb61cef10fb7143?s=48 yamanoku
3
2.3k
91f6ef52b846ca5f00325b05f3e3547d?s=48 cola119
3
1.1k
69f5ab96892df4d8cbe32189f2ed2d9d?s=48 heyinc
2
7.6k
3dadebc0f79d74e50d8bfe5208cb7662?s=48 nadare881
0
880

Featured

See All Featured
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
177
8.2k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
223
120k
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
40
1.8k
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
210
11k
78b475797a14c84799063c7cd073962f?s=48 holman
464
280k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
191
14k
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
335
17k
A9704266587836f7e784235e5073b93e?s=48 jmmastey
21
5.2k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
88
5.4k
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
45
2.6k
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
236
980k
Ae14cc4491ac334f9cd23f9f93b4305e?s=48 orderedlist
PRO
332
36k

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