Boxes and Grids, Oh My

D75c53668ec5762a933c447b8e50226c?s=47 Noah Stokes
July 14, 2014

Boxes and Grids, Oh My

2014 Front End Design Conference talk I gave to encourage front end designers to think outside of the box when it comes to creating great responsive design websites.

D75c53668ec5762a933c447b8e50226c?s=128

Noah Stokes

July 14, 2014
Tweet

Transcript

  1. BOXES OH MY NOAH STOKES & GRIDS

  2. NOAH STOKES

  3. NOAH STOKES

  4. NOAH STOKES

  5. None
  6. GIDDY UP

  7. I HATE #RWD

  8. I REALLY HATE #RWD

  9. None
  10. THE WEB WAS LOSING IT’S SOUL… 
 AND I WAS

    BLAMING #RWD
  11. I GREW UP A POOR BLACK CHILD

  12. None
  13. None
  14. None
  15. K10K CSS ZEN GARDEN STYLEGALA 2ADVANCED

  16. I FELL IN LOVE WITH WEB DESIGN

  17. I WAS HORRIBLE AT DESIGN

  18. FAST FORWARD

  19. AND MY SUPER RAD TWEET

  20. None
  21. None
  22. None
  23. HOW CAN A WEBSITE HAVE A SOUL?

  24. WHAT IS SOUL?

  25. A SOUL IS THE INTANGIBLE DETAILS OF A DESIGN

  26. WHY DO OUR SITES LACK SOUL?

  27. WHY HAVE TODAY’S DESIGNERS STOPPED DREAMING

  28. “laziness amongst designers has never been more rife” ! –

    Elliot Jay Stocks
  29. TRENDS

  30. BUDGETS

  31. “the Rule became a frequent time and budget casualty” !

    – Chris Cashdollar
  32. SKILL SET

  33. “people will lean on established patterns to provide a level

    of comfort as they’re working things out” ! – Tim Kaldec
  34. None
  35. THIS IS WHERE I WAS WRONG

  36. #RWD WASN’T TAKING THE SOUL OUT OF DESIGN

  37. THE WAY WE IMPLEMENTED IT WAS

  38. WHAT CAN WE DO?

  39. THINK OUTSIDE THE BOX

  40. DUPLICATE HTML

  41. None
  42. None
  43. POSITIONING

  44. None
  45. None
  46. JAVASCRIPT TO THE RESCUE

  47. None
  48. None
  49. None
  50. None
  51. None
  52. None
  53. None
  54. None
  55. None
  56. None
  57. None
  58. WE’RE GETTING THERE

  59. None
  60. None
  61. None
  62. None
  63. DON’T SETTLE

  64. THINK OUTSIDE THE BOX

  65. BRING THE SOUL BACK

  66. THANK YOU

  67. @MOTHERFUTON HELLOBOLD.COM