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
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
自称宇宙最速で不合格となったAIP-C01にリベンジを果たすべくAIで問題集アプリを作ってみた。
Avatar for Yuuki Yamashita yama3133
0
260
ChatworkとBPaaS 異なる特性で学んだAI機能開発の ベストプラクティス
Avatar for kubell kubell_hr
2
950
AIガバナンス実践 - 生成AIコネクタのデータ漏洩リスクと実務対策
Avatar for 西岡 賢一郎 (Kenichiro Nishioka) knishioka
0
160
食べログのサーキットブレーカー導入を振り返って
Avatar for atpons atpons
1
160
Unlocking the Apps
Avatar for Tim Perry pimterry
0
150
コードレビューを制するチームがソフトウェアデリバリーのフローを制す / Beyond Code Review: Distributing Its Responsibilities Across the SDLC
Avatar for mtx2s mtx2s
3
580
組織の中で自分を経営する技術
Avatar for shoota shoota
0
230
新規ゲーム開発におけるAI駆動開発のリアル
Avatar for ENSAPIA Engineering株式会社 202409e2
0
850
JJUG CCC 2026 Spring　AI時代の開発こそ標準化を武器に！ ― 方式・プロセス・プラットフォームの標準化
Avatar for WatanabeShun s27watanabe
2
660
GoとSIMDとWasmの今。
Avatar for asuka askua
2
440
oracle-to-databricks-migration-with-llm-and-dbt
Avatar for case-k-git casek
1
400
電子辞書Brainをネットに繋げてみた(自力編)
Avatar for らすぴー raspython3
0
410

Featured

See All Featured
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
3.5M
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.1k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.1k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
470
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
130
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
520
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
52k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
360
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.3k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
220

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