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

Shit Code: A Story of Betrayal

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for scottlenger scottlenger
March 11, 2012
Technology
590
3

Shit Code: A Story of Betrayal

Avatar for scottlenger

scottlenger

March 11, 2012

More Decks by scottlenger

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

Other Decks in Technology

See All in Technology
コードレビューを制するチームがソフトウェアデリバリーのフローを制す / Beyond Code Review: Distributing Its Responsibilities Across the SDLC
Avatar for mtx2s mtx2s
3
580
Claude Codeを組織で使いこなす— サーバサイドAIエージェント運用の実践知
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
160
Gradle×GitHub_ActionsでCI時間を約50%短縮 ジョブ分割の設計と落とし穴 / Cutting CI Time by ~50% with Gradle and GitHub Actions: Job-Splitting Design and Pitfalls
Avatar for 冨澤宝斗 takatty
0
580
ITエンジニアを取り巻く環境とキャリアパス / A career path for Japanese IT engineers
Avatar for 高玉 広和 / TAKATAMA Hirokazu takatama
4
1.8k
Terraformモジュールは、なぜ「魔境」化するのか
Avatar for hayama hayama17
1
140
TypeScript Compiler APIとPHP-Parserを活用し、TypeScriptとPHPで型を共有する
Avatar for did0es shuta13
0
320
AI駆動開発が変える、大規模開発の前提 ーHuman in the Loop から Human on the Loop へ / AIE2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
370
AI時代から振り返るTerraform drift運用の歴史 / AI Age Reflections on the History of Terraform Drift Operations
Avatar for AEON aeonpeople
2
640
はじめてのDatadog
Avatar for KairiM kairim0
0
260
さきさん文庫の書籍ができるまで
Avatar for H.Saki sakiengineer
0
330
自称宇宙最速で不合格となったAIP-C01にリベンジを果たすべくAIで問題集アプリを作ってみた。
Avatar for Yuuki Yamashita yama3133
0
260
マーケットプレイス版Oracle WebCenter Content For OCI
Avatar for oracle4engineer oracle4engineer
PRO
5
1.8k

Featured

See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
199
74k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.1k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
130
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
7
670
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
160
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
180
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
590
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
10k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.3k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
300
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.5k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.3k

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