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
560
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
34
Other Decks in Technology
See All in Technology
多言語化対応における TypeScript の型定義を通して開発のしやすさについて考えた / TSKaigi TypeScript Multilingualization
nabeliwo
2
380
汎用ポリシー言語Rego + OPAと認可・検証事例の紹介 / Introduction Rego & OPA for authorization and validation
mizutani
1
140
Observabilityジャーニーを実現するためのAWSサービス:CloudWatch編
o11yfes2023
0
140
令和版ソフトウェアエンジニアの情報収集術 PHPカンファレンス香川2024
ysknsid25
4
870
技術力の伸ばし方を考える
khirata
0
140
サービス開発におけるVue3とTypeScriptの親和性について
tsukuha
10
1.8k
DevRelによる信頼構築とデータ駆動で変わるエンジニア採用 / DevRel Trust Building to Data Driven Engineering Hiring
bobtani
1
130
Dungeons and Dragons and Rails
joelq
0
230
kcp: Kubernetes APIs Are All You Need #techfeed_live / TechFeed Experts Night 28th
ytaka23
1
190
PhpStorm超絶技巧40分集中講義 #phpconkagawa
yusuke
4
750
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
oracle4engineer
PRO
2
1.7k
社内での継続的な機械学習勉強会の開催のコツ
yudai00
2
380
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
515
39k
Imperfection Machines: The Place of Print at Facebook
scottboms
261
12k
Web Components: a chance to create the future
zenorocha
306
41k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
Debugging Ruby Performance
tmm1
70
11k
Designing with Data
zakiwarfel
96
4.8k
Building a Modern Day E-commerce SEO Strategy
aleyda
22
6.5k
Into the Great Unknown - MozCon
thekraken
15
1.1k
The Invisible Customer
myddelton
114
12k
The Straight Up "How To Draw Better" Workshop
denniskardys
228
130k
A Tale of Four Properties
chriscoyier
153
22k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.7k
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