Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Shit Code: A Story of Betrayal

Avatar for scottlenger scottlenger
March 11, 2012
Technology
3
580

Shit Code: A Story of Betrayal

Avatar for scottlenger

scottlenger

March 11, 2012
Tweet

More Decks by scottlenger

See All by scottlenger
Responsive Web Design When Things Are 'teh suX0r'
Avatar for scottlenger scottlenger
0
45

Other Decks in Technology

See All in Technology
クラウド開発の舞台裏とSRE文化の醸成 / SRE NEXT 2025 Lunch Session
Avatar for kazeburo kazeburo
1
440
Getting to Know Your Legacy (System) with AI-Driven Software Archeology (WeAreDevelopers World Congress 2025)
Avatar for Markus Harrer feststelltaste
1
180
アクセスピークを制するオートスケール再設計: 障害を乗り越えKEDAで実現したリソース管理の最適化
Avatar for M-Yamashita myamashii
1
270
CDK Toolkit Libraryにおけるテストの考え方
Avatar for Makky12 smt7174
1
400
データ基盤からデータベースまで？広がるユースケースのDatabricksについて教えるよ！
Avatar for Akihiro Kuwano akuwano
3
160
Amplify Gen2から知るAWS CDK Toolkit Libraryの使い方/How to use the AWS CDK Toolkit Library as known from Amplify Gen2
Avatar for MURAKAMI Masahiko fossamagna
0
180
united airlines ™®️ USA Contact Numbers: Complete 2025 Support Guide
Avatar for yasam flyunitedhelp
1
470
LLM時代の検索
Avatar for shibuiwilliam shibuiwilliam
2
630
敢えて生成AIを使わないマネジメント業務
Avatar for Kazuki Maeda kzkmaeda
2
500
shake-upを科学する
Avatar for Jack rsakata
7
920
american airlines®️ USA Contact Numbers: Complete 2025 Support Guide
Avatar for cassowary3740 supportflight
1
120
ポストコロナ時代の SaaS におけるコスト削減の意義
Avatar for izzii izzii
1
200

Featured

See All Featured
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
43
7.6k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
346
40k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
77
9.5k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
299
21k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Docker and Python
Avatar for Tania Allard trallard
44
3.5k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k

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