Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
Bootstrapping A Strong Foundation Modular CSS & Sass 1 Happy Clouds
Slide 2
Slide 2 text
2
Slide 3
Slide 3 text
3
Slide 4
Slide 4 text
4 Our Goals
Slide 5
Slide 5 text
5
Slide 6
Slide 6 text
6 CSS for you And Others
Slide 7
Slide 7 text
7 Methodology
Slide 8
Slide 8 text
8 SUIT vs. BEM
Slide 9
Slide 9 text
9
Slide 10
Slide 10 text
10
Slide 11
Slide 11 text
11
Slide 12
Slide 12 text
12 Component Modularity Realize A Specific UI
Slide 13
Slide 13 text
13 No Outer Render Context Composable
Slide 14
Slide 14 text
14 Your Context 1 REM 1.5 REM
Slide 15
Slide 15 text
15 Loose Coupling Isolation vs. Code Repetition
Slide 16
Slide 16 text
16 Small Components Well Documented
Slide 17
Slide 17 text
17
Slide 18
Slide 18 text
18 Specificity
Slide 19
Slide 19 text
19
Slide 20
Slide 20 text
20
Slide 21
Slide 21 text
21
Slide 22
Slide 22 text
22
Slide 23
Slide 23 text
23
Slide 24
Slide 24 text
24 SUIT Intro
Slide 25
Slide 25 text
25
Slide 26
Slide 26 text
26
Slide 27
Slide 27 text
27
Slide 28
Slide 28 text
28
Slide 29
Slide 29 text
29
Slide 30
Slide 30 text
30
Slide 31
Slide 31 text
31 http://stylebitz.customink.com/style_bitz/sass#suit-up
Slide 32
Slide 32 text
32 http://stylebitz.customink.com/style_bitz/sass#suit-up
Slide 33
Slide 33 text
33 http://stylebitz.customink.com/style_bitz/sass#suit-up
Slide 34
Slide 34 text
34 The Details
Slide 35
Slide 35 text
35
Slide 36
Slide 36 text
36 Descendant Pain To Many Children
Slide 37
Slide 37 text
37
Slide 38
Slide 38 text
38
Slide 39
Slide 39 text
39
Slide 40
Slide 40 text
40 Component Inception Use Wrappers
Slide 41
Slide 41 text
41
Slide 42
Slide 42 text
42
Slide 43
Slide 43 text
43 File Workflow Base, Desc, Mod [Desc]
Slide 44
Slide 44 text
44
Slide 45
Slide 45 text
45 Refactoring FTW Copy Paste Programming
Slide 46
Slide 46 text
46
Slide 47
Slide 47 text
47
Slide 48
Slide 48 text
48 Wrapping Up
Slide 49
Slide 49 text
http://stylebitz.customink.com/style_bitz/rails#demo-pages Demo HTML & Sass 49
Slide 50
Slide 50 text
50
Slide 51
Slide 51 text
51
Slide 52
Slide 52 text
@extend %your-skills; THANK YOU! 52