Share
Embed
Slide 1
Slide 1 text
1
Sunday, March 11, 12
Slide 2
Slide 2 text
2
Sunday, March 11, 12
Slide 3
Slide 3 text
3
Sunday, March 11, 12
Slide 4
Slide 4 text
4
Sunday, March 11, 12
Slide 5
Slide 5 text
5
Sunday, March 11, 12
Slide 6
Slide 6 text
6
Sunday, March 11, 12
Slide 7
Slide 7 text
7
Sunday, March 11, 12
Slide 8
Slide 8 text
8
Sunday, March 11, 12
Slide 9
Slide 9 text
9
Sunday, March 11, 12
Slide 10
Slide 10 text
10
Sunday, March 11, 12
Slide 11
Slide 11 text
11
Sunday, March 11, 12
Slide 12
Slide 12 text
12
Sunday, March 11, 12
Slide 13
Slide 13 text
13
Sunday, March 11, 12
Slide 14
Slide 14 text
14
Sunday, March 11, 12
Slide 15
Slide 15 text
15
Sunday, March 11, 12
Slide 16
Slide 16 text
16
Sunday, March 11, 12
Slide 17
Slide 17 text
17
Sunday, March 11, 12
Slide 18
Slide 18 text
18
Sunday, March 11, 12
Slide 19
Slide 19 text
19
Sunday, March 11, 12
Slide 20
Slide 20 text
20
Sunday, March 11, 12
Slide 21
Slide 21 text
21
Sunday, March 11, 12
Slide 22
Slide 22 text
22
22
Sunday, March 11, 12
Slide 23
Slide 23 text
23
Sunday, March 11, 12
Slide 24
Slide 24 text
24
Sunday, March 11, 12
Slide 25
Slide 25 text
25
Sunday, March 11, 12
Slide 26
Slide 26 text
Rob Tarr
@robtarr
26
Sunday, March 11, 12
Slide 27
Slide 27 text
27
Sunday, March 11, 12
Slide 28
Slide 28 text
photo by lrargerich via PhotoRee
28
Sunday, March 11, 12
Slide 29
Slide 29 text
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
Slide 30
Slide 30 text
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
Slide 31
Slide 31 text
31
Sunday, March 11, 12
Slide 32
Slide 32 text
FAILURE POINTS
32
Sunday, March 11, 12
Slide 33
Slide 33 text
HTML
CSS
JS
STRUCTURE
CONVENTION
FAILURE POINTS
32
Sunday, March 11, 12
Slide 34
Slide 34 text
33
Sunday, March 11, 12
Slide 35
Slide 35 text
THERE’S ALWAYS ROOM
FOR IMPROVEMENT
34
Sunday, March 11, 12
Slide 36
Slide 36 text
WHERE DO WE START?
35
Sunday, March 11, 12
Slide 37
Slide 37 text
Categories
CLASS NAMES 36 Sunday, March 11, 12Slide 38
Slide 38 text
Categories
CLASS NAMES 36 Sunday, March 11, 12Slide 39
Slide 39 text
Categories
Categories
CLASS NAMES 36 Sunday, March 11, 12Slide 40
Slide 40 text
CASCADE
37
Sunday, March 11, 12
Slide 41
Slide 41 text
header h1 {
color: #3e87d1;
font-size: 2em;
}
CASCADE
37
Sunday, March 11, 12
Slide 42
Slide 42 text
header h1 {
color: #3e87d1;
font-size: 2em;
}
h1 {
color: #54e9a1;
font-size: 1.5em;
padding: 30px;
}
CASCADE
37
Sunday, March 11, 12
Slide 43
Slide 43 text
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
Slide 44
Slide 44 text
CASCADE
http://goo.gl/NCVTS
38
Sunday, March 11, 12
Slide 45
Slide 45 text
BACK TO THE START
39
Sunday, March 11, 12
Slide 46
Slide 46 text
INCONSISTENCY
40
Sunday, March 11, 12
Slide 47
Slide 47 text
INCONSISTENCY
40
Sunday, March 11, 12
Slide 48
Slide 48 text
icon
INCONSISTENCY
40
Sunday, March 11, 12
Slide 49
Slide 49 text
icon
wide
INCONSISTENCY
40
Sunday, March 11, 12
Slide 50
Slide 50 text
icon
narrow
wide
INCONSISTENCY
40
Sunday, March 11, 12
Slide 51
Slide 51 text
icon
narrow
shorter
wide
INCONSISTENCY
40
Sunday, March 11, 12
Slide 52
Slide 52 text
WE HAVE A PROBLEM
41
Sunday, March 11, 12
Slide 53
Slide 53 text
WE NEED A SOLUTION
42
Sunday, March 11, 12
Slide 54
Slide 54 text
IDENTIFY REUSE
43
Sunday, March 11, 12
Slide 55
Slide 55 text
44
Sunday, March 11, 12
Slide 56
Slide 56 text
45
Sunday, March 11, 12
Slide 57
Slide 57 text
46
Sunday, March 11, 12
Slide 58
Slide 58 text
47
Sunday, March 11, 12
Slide 59
Slide 59 text
47
Sunday, March 11, 12
Slide 60
Slide 60 text
48
Sunday, March 11, 12
Slide 61
Slide 61 text
48
Sunday, March 11, 12
Slide 62
Slide 62 text
49
Sunday, March 11, 12
Slide 63
Slide 63 text
49
Sunday, March 11, 12
Slide 64
Slide 64 text
50
Sunday, March 11, 12
Slide 65
Slide 65 text
50
Sunday, March 11, 12
Slide 66
Slide 66 text
51
Sunday, March 11, 12
Slide 67
Slide 67 text
51
Sunday, March 11, 12
Slide 68
Slide 68 text
52
Sunday, March 11, 12
Slide 69
Slide 69 text
52
Sunday, March 11, 12
Slide 70
Slide 70 text
53
Sunday, March 11, 12
Slide 71
Slide 71 text
53
Sunday, March 11, 12
Slide 72
Slide 72 text
54
Sunday, March 11, 12
Slide 73
Slide 73 text
54
Sunday, March 11, 12
Slide 74
Slide 74 text
55
Sunday, March 11, 12
Slide 75
Slide 75 text
56
Sunday, March 11, 12
Slide 76
Slide 76 text
57
Sunday, March 11, 12
Slide 77
Slide 77 text
58
Sunday, March 11, 12
Slide 78
Slide 78 text
59
Sunday, March 11, 12
Slide 79
Slide 79 text
http://goo.gl/nfL2Q
PATTERN PRIMER
60
Sunday, March 11, 12
Slide 80
Slide 80 text
http://pea.rs
PEA.RS
61
Sunday, March 11, 12
Slide 81
Slide 81 text
http://patterns.seesparkbox.com
PATTERNS
62
Sunday, March 11, 12
Slide 82
Slide 82 text
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
Slide 83
Slide 83 text
SUGGESTIONS
64
Sunday, March 11, 12
Slide 84
Slide 84 text
SUGGESTIONS: COMMUNICATE
65
Sunday, March 11, 12
Slide 85
Slide 85 text
SUGGESTIONS: BE CONSISTENT
66
Sunday, March 11, 12
Slide 86
Slide 86 text
http://h5bp.com
http://goo.gl/pX8N7
BOILERPLATE
67
Sunday, March 11, 12
Slide 87
Slide 87 text
USE PATTERNS
68
Sunday, March 11, 12
Slide 88
Slide 88 text
SUGGESTIONS:
REVIEW YOUR CODE
69
Sunday, March 11, 12
Slide 89
Slide 89 text
SUGGESTIONS: TEST
70
Sunday, March 11, 12
Slide 90
Slide 90 text
71
Sunday, March 11, 12