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
47
Other Decks in Technology
See All in Technology
Dylib Hijacking on macOS: Dead or Alive?
patrickwardle
0
400
「最速」で Gemini CLI を使いこなそう! 〜Cloud Shell/Cloud Run の活用〜 / The Fastest Way to Master the Gemini CLI — with Cloud Shell and Cloud Run
aoto
PRO
0
130
AWSでAgentic AIを開発するための前提知識の整理
nasuvitz
2
210
難しいセキュリティ用語をわかりやすくしてみた
yuta3110
0
330
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.8k
dbtとBigQuery MLで実現する リクルートの営業支援基盤のモデル開発と保守運用
recruitengineers
PRO
3
130
ソフトウェアエンジニアの生成AI活用と、これから
lycorptech_jp
PRO
0
570
Bill One 開発エンジニア 紹介資料
sansan33
PRO
4
14k
Introduction to Bill One Development Engineer
sansan33
PRO
0
300
やる気のない自分との向き合い方/How to Deal with Your Unmotivated Self
sanogemaru
1
530
Introdução a Service Mesh usando o Istio
aeciopires
1
230
React19.2のuseEffectEventを追う
maguroalternative
2
520
Featured
See All Featured
Making Projects Easy
brettharned
120
6.4k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Code Review Best Practice
trishagee
72
19k
Mobile First: as difficult as doing things right
swwweet
225
10k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Music & Morning Musume
bryan
46
6.8k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
A Tale of Four Properties
chriscoyier
161
23k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
The Cult of Friendly URLs
andyhume
79
6.6k
Site-Speed That Sticks
csswizardry
13
910
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