Shit Code: A Story of Betrayal

Transcript

1. 1 Sunday, March 11, 12

2. 2 Sunday, March 11, 12

3. 3 Sunday, March 11, 12

4. 4 Sunday, March 11, 12

5. 5 Sunday, March 11, 12

6. 6 Sunday, March 11, 12

7. 7 Sunday, March 11, 12

8. 8 Sunday, March 11, 12

9. 9 Sunday, March 11, 12

10. 10 Sunday, March 11, 12

11. 11 Sunday, March 11, 12

12. 12 Sunday, March 11, 12

13. 13 Sunday, March 11, 12

14. 14 Sunday, March 11, 12

15. 15 Sunday, March 11, 12

16. 16 Sunday, March 11, 12

17. 17 Sunday, March 11, 12

18. 18 Sunday, March 11, 12

19. 19 Sunday, March 11, 12

20. 20 Sunday, March 11, 12

21. 21 Sunday, March 11, 12

22. 22 22 Sunday, March 11, 12

23. 23 Sunday, March 11, 12

24. 24 Sunday, March 11, 12

25. 25 Sunday, March 11, 12

26. Rob Tarr @robtarr 26 Sunday, March 11, 12

27. 27 Sunday, March 11, 12

28. photo by lrargerich via PhotoRee 28 Sunday, March 11, 12

29. Justin1569 at en.wikipedia [CC-BY-SA-2.5-2.0-1.0 (www.creativecommons.org/licenses/by-sa/2.5-2.0-1.0)], via Wikimedia Commons 29 Sunday,

    March 11, 12

30. By Eric Rolph (English Wikipedia) [CC-BY-SA-2.5 (www.creativecommons.org/licenses/by-sa/2.5)], via Wikimedia Commons

    30 Sunday, March 11, 12

31. 31 Sunday, March 11, 12

32. FAILURE POINTS 32 Sunday, March 11, 12

33. HTML CSS JS STRUCTURE CONVENTION FAILURE POINTS 32 Sunday, March

    11, 12

34. 33 Sunday, March 11, 12

35. THERE’S ALWAYS ROOM FOR IMPROVEMENT 34 Sunday, March 11, 12

36. WHERE DO WE START? 35 Sunday, March 11, 12

37. <div class="group grid-page account-page"> <div class="col"> <div class="nav-group"> <h6>Categories</h6> CLASS

    NAMES 36 Sunday, March 11, 12

38. <div class="group grid-page account-page"> <div class="col"> <div class="nav-group"> <h6>Categories</h6> CLASS

    NAMES 36 Sunday, March 11, 12

39. <div class="group grid-page account-page"> <div class="col"> <div class="nav-group"> <h6>Categories</h6> <div

    class="group grid-page"> <div class="col"> <div class="nav-group"> <h6>Categories</h6> CLASS NAMES 36 Sunday, March 11, 12

40. CASCADE 37 Sunday, March 11, 12

41. header h1 { color: #3e87d1; font-size: 2em; } CASCADE 37

    Sunday, March 11, 12

42. header h1 { color: #3e87d1; font-size: 2em; } h1 {

    color: #54e9a1; font-size: 1.5em; padding: 30px; } CASCADE 37 Sunday, March 11, 12

43. header h1 { color: #3e87d1; font-size: 2em; } h1 {

    color: #54e9a1; font-size: 1.5em; padding: 30px; } article h1 { padding: 10px 45px margin: 2em } .subsection header h1 { text-indent: 100% } CASCADE 37 Sunday, March 11, 12

44. CASCADE http://goo.gl/NCVTS 38 Sunday, March 11, 12

45. BACK TO THE START 39 Sunday, March 11, 12

46. INCONSISTENCY 40 Sunday, March 11, 12

47. INCONSISTENCY 40 Sunday, March 11, 12

48. icon INCONSISTENCY 40 Sunday, March 11, 12

49. icon wide INCONSISTENCY 40 Sunday, March 11, 12

50. icon narrow wide INCONSISTENCY 40 Sunday, March 11, 12

51. icon narrow shorter wide INCONSISTENCY 40 Sunday, March 11, 12

52. WE HAVE A PROBLEM 41 Sunday, March 11, 12

53. WE NEED A SOLUTION 42 Sunday, March 11, 12

54. IDENTIFY REUSE 43 Sunday, March 11, 12

55. 44 Sunday, March 11, 12

56. 45 Sunday, March 11, 12

57. 46 Sunday, March 11, 12

58. 47 Sunday, March 11, 12

59. 47 Sunday, March 11, 12

60. 48 Sunday, March 11, 12

61. 48 Sunday, March 11, 12

62. 49 Sunday, March 11, 12

63. 49 Sunday, March 11, 12

64. 50 Sunday, March 11, 12

65. 50 Sunday, March 11, 12

66. 51 Sunday, March 11, 12

67. 51 Sunday, March 11, 12

68. 52 Sunday, March 11, 12

69. 52 Sunday, March 11, 12

70. 53 Sunday, March 11, 12

71. 53 Sunday, March 11, 12

72. 54 Sunday, March 11, 12

73. 54 Sunday, March 11, 12

74. 55 Sunday, March 11, 12

75. 56 Sunday, March 11, 12

76. 57 Sunday, March 11, 12

77. 58 Sunday, March 11, 12

78. 59 Sunday, March 11, 12

79. http://goo.gl/nfL2Q PATTERN PRIMER 60 Sunday, March 11, 12

80. http://pea.rs PEA.RS 61 Sunday, March 11, 12

81. http://patterns.seesparkbox.com PATTERNS 62 Sunday, March 11, 12

82. PATTERNS ROADMAP • Further separation of application and library code

    • Add the ability to pull in Github pattern libraries • Continued expansion of patterns 63 Sunday, March 11, 12

83. SUGGESTIONS 64 Sunday, March 11, 12

84. SUGGESTIONS: COMMUNICATE 65 Sunday, March 11, 12

85. SUGGESTIONS: BE CONSISTENT 66 Sunday, March 11, 12

86. http://h5bp.com http://goo.gl/pX8N7 BOILERPLATE 67 Sunday, March 11, 12

87. USE PATTERNS 68 Sunday, March 11, 12

88. SUGGESTIONS: REVIEW YOUR CODE 69 Sunday, March 11, 12

89. SUGGESTIONS: TEST 70 Sunday, March 11, 12

90. 71 Sunday, March 11, 12