Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Shit Code: A Story of Betrayal
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
scottlenger
March 11, 2012
Technology
3
580
Shit Code: A Story of Betrayal
scottlenger
March 11, 2012
Tweet
Share
More Decks by scottlenger
See All by scottlenger
Responsive Web Design When Things Are 'teh suX0r'
scottlenger
0
48
Other Decks in Technology
See All in Technology
SRE Enabling戦記 - 急成長する組織にSREを浸透させる戦いの歴史
markie1009
0
170
コスト削減から「セキュリティと利便性」を担うプラットフォームへ
sansantech
PRO
3
1.6k
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
oracle4engineer
PRO
2
14k
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
aeonpeople
6
2.6k
Claude Code for NOT Programming
kawaguti
PRO
1
110
AIエージェントを開発しよう!-AgentCore活用の勘所-
yukiogawa
0
190
旅先で iPad + Neovim で iOS 開発・執筆した話
zozotech
PRO
0
100
予期せぬコストの急増を障害のように扱う――「コスト版ポストモーテム」の導入とその後の改善
muziyoshiz
1
2.1k
OWASP Top 10:2025 リリースと 少しの日本語化にまつわる裏話
okdt
PRO
3
850
StrandsとNeptuneを使ってナレッジグラフを構築する
yakumo
1
130
20260204_Midosuji_Tech
takuyay0ne
1
160
10Xにおける品質保証活動の全体像と改善 #no_more_wait_for_test
nihonbuson
PRO
2
340
Featured
See All Featured
How to make the Groovebox
asonas
2
1.9k
BBQ
matthewcrist
89
10k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
22k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
9.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
196
71k
Producing Creativity
orderedlist
PRO
348
40k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.4k
The Limits of Empathy - UXLibs8
cassininazir
1
220
My Coaching Mixtape
mlcsv
0
52
How to Think Like a Performance Engineer
csswizardry
28
2.5k
How Software Deployment tools have changed in the past 20 years
geshan
0
32k
Transcript
1 Sunday, March 11, 12
2 Sunday, March 11, 12
3 Sunday, March 11, 12
4 Sunday, March 11, 12
5 Sunday, March 11, 12
6 Sunday, March 11, 12
7 Sunday, March 11, 12
8 Sunday, March 11, 12
9 Sunday, March 11, 12
10 Sunday, March 11, 12
11 Sunday, March 11, 12
12 Sunday, March 11, 12
13 Sunday, March 11, 12
14 Sunday, March 11, 12
15 Sunday, March 11, 12
16 Sunday, March 11, 12
17 Sunday, March 11, 12
18 Sunday, March 11, 12
19 Sunday, March 11, 12
20 Sunday, March 11, 12
21 Sunday, March 11, 12
22 22 Sunday, March 11, 12
23 Sunday, March 11, 12
24 Sunday, March 11, 12
25 Sunday, March 11, 12
Rob Tarr @robtarr 26 Sunday, March 11, 12
27 Sunday, March 11, 12
photo by lrargerich via PhotoRee 28 Sunday, March 11, 12
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
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 Sunday, March 11, 12
FAILURE POINTS 32 Sunday, March 11, 12
HTML CSS JS STRUCTURE CONVENTION FAILURE POINTS 32 Sunday, March
11, 12
33 Sunday, March 11, 12
THERE’S ALWAYS ROOM FOR IMPROVEMENT 34 Sunday, March 11, 12
WHERE DO WE START? 35 Sunday, March 11, 12
<div class="group grid-page account-page"> <div class="col"> <div class="nav-group"> <h6>Categories</h6> CLASS
NAMES 36 Sunday, March 11, 12
<div class="group grid-page account-page"> <div class="col"> <div class="nav-group"> <h6>Categories</h6> CLASS
NAMES 36 Sunday, March 11, 12
<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
CASCADE 37 Sunday, March 11, 12
header h1 { color: #3e87d1; font-size: 2em; } CASCADE 37
Sunday, March 11, 12
header h1 { color: #3e87d1; font-size: 2em; } h1 {
color: #54e9a1; font-size: 1.5em; padding: 30px; } CASCADE 37 Sunday, March 11, 12
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
CASCADE http://goo.gl/NCVTS 38 Sunday, March 11, 12
BACK TO THE START 39 Sunday, March 11, 12
INCONSISTENCY 40 Sunday, March 11, 12
INCONSISTENCY 40 Sunday, March 11, 12
icon INCONSISTENCY 40 Sunday, March 11, 12
icon wide INCONSISTENCY 40 Sunday, March 11, 12
icon narrow wide INCONSISTENCY 40 Sunday, March 11, 12
icon narrow shorter wide INCONSISTENCY 40 Sunday, March 11, 12
WE HAVE A PROBLEM 41 Sunday, March 11, 12
WE NEED A SOLUTION 42 Sunday, March 11, 12
IDENTIFY REUSE 43 Sunday, March 11, 12
44 Sunday, March 11, 12
45 Sunday, March 11, 12
46 Sunday, March 11, 12
47 Sunday, March 11, 12
47 Sunday, March 11, 12
48 Sunday, March 11, 12
48 Sunday, March 11, 12
49 Sunday, March 11, 12
49 Sunday, March 11, 12
50 Sunday, March 11, 12
50 Sunday, March 11, 12
51 Sunday, March 11, 12
51 Sunday, March 11, 12
52 Sunday, March 11, 12
52 Sunday, March 11, 12
53 Sunday, March 11, 12
53 Sunday, March 11, 12
54 Sunday, March 11, 12
54 Sunday, March 11, 12
55 Sunday, March 11, 12
56 Sunday, March 11, 12
57 Sunday, March 11, 12
58 Sunday, March 11, 12
59 Sunday, March 11, 12
http://goo.gl/nfL2Q PATTERN PRIMER 60 Sunday, March 11, 12
http://pea.rs PEA.RS 61 Sunday, March 11, 12
http://patterns.seesparkbox.com PATTERNS 62 Sunday, March 11, 12
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
SUGGESTIONS 64 Sunday, March 11, 12
SUGGESTIONS: COMMUNICATE 65 Sunday, March 11, 12
SUGGESTIONS: BE CONSISTENT 66 Sunday, March 11, 12
http://h5bp.com http://goo.gl/pX8N7 BOILERPLATE 67 Sunday, March 11, 12
USE PATTERNS 68 Sunday, March 11, 12
SUGGESTIONS: REVIEW YOUR CODE 69 Sunday, March 11, 12
SUGGESTIONS: TEST 70 Sunday, March 11, 12
71 Sunday, March 11, 12