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
今年のRubyKaigiはProfiler Year🤘
osyoyu
0
360
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
5
37k
地理空間データ可視化・解析・活用ソリューション Pacific Spatial Solutions (PSS)
pacificspatialsolutions
0
330
MapLibreとAmazon Location Service
dayjournal
1
190
生成AIの変革の時代に、直近1年で直面した課題とその解決策
ktc_wada
0
660
一生覚えておきたい「システム開発=コミュニケーション」〜初めての実務案件振り返りLT〜
maimyyym
2
320
いつか使うかも貯金してたらめちゃめちゃ機能が増えてた話
riyaamemiya
0
620
止まらないLinuxシステムを構築する_高信頼性クラスタ入門
koedoyoshida
2
430
AWSに詳しくない人でも始められるコスト最適化ガイド
yuhta28
2
400
推しは推せるときに推せ! プロダクトにフィードバックしていこう
nakasho
0
460
Next.js に疲れた私は Vue3 に癒やされた
akagire
0
140
競技としてのKaggle、役に立つKaggle
yu4u
6
2.4k
Featured
See All Featured
Code Review Best Practice
trishagee
56
15k
Thoughts on Productivity
jonyablonski
60
3.9k
For a Future-Friendly Web
brad_frost
172
9k
How STYLIGHT went responsive
nonsquared
92
4.8k
Building Effective Engineering Teams - LeadDev
addyosmani
31
1.9k
Product Roadmaps are Hard
iamctodd
45
9.7k
The Illustrated Children's Guide to Kubernetes
chrisshort
32
46k
[RailsConf 2023] Rails as a piece of cake
palkan
27
4k
Done Done
chrislema
178
15k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Unsuck your backbone
ammeep
663
57k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.6k
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