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
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
20260204_Midosuji_Tech
takuyay0ne
1
160
顧客の言葉を、そのまま信じない勇気
yamatai1212
1
370
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
aeonpeople
6
2.6k
Red Hat OpenStack Services on OpenShift
tamemiya
0
140
ECS障害を例に学ぶ、インシデント対応に備えたAIエージェントの育て方 / How to develop AI agents for incident response with ECS outage
iselegant
4
430
ClickHouseはどのように大規模データを活用したAIエージェントを全社展開しているのか
mikimatsumoto
0
270
Bill One急成長の舞台裏 開発組織が直面した失敗と教訓
sansantech
PRO
2
410
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
10k
CDK対応したAWS DevOps Agentを試そう_20260201
masakiokuda
1
430
Claude Code for NOT Programming
kawaguti
PRO
1
110
AIエージェントに必要なのはデータではなく文脈だった/ai-agent-context-graph-mybest
jonnojun
1
250
コミュニティが変えるキャリアの地平線:コロナ禍新卒入社のエンジニアがAWSコミュニティで見つけた成長の羅針盤
kentosuzuki
0
130
Featured
See All Featured
Designing for Performance
lara
610
70k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
130
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
750
Design in an AI World
tapps
0
150
Building a Scalable Design System with Sketch
lauravandoore
463
34k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
780
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1k
The Invisible Side of Design
smashingmag
302
51k
Navigating Team Friction
lara
192
16k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
ラッコキーワード サービス紹介資料
rakko
1
2.3M
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