diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..0d31019 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.sass-cache/ diff --git a/presentation/02_sass.slides b/presentation/02_sass.slides index e2b0af7..01e0996 100644 --- a/presentation/02_sass.slides +++ b/presentation/02_sass.slides @@ -3,7 +3,7 @@ !SLIDE # What is Sass? -## Its a preprocesor +## It's a preprocesor !SLIDE # What does it do? @@ -13,7 +13,7 @@ * Functions * Selector Inheritance `@extend, &` * Control Directives `@if, @for, @each, @while` -* Its a language! +* It's a language! !SLIDE variables # Variables @@ -46,7 +46,7 @@ !SLIDE -# In ruby +# In Ruby ``` ruby Sass::Script::List.new(['1px', 'solid', 'black'], ',') @@ -123,7 +123,7 @@ a:hover { color : red; } ``` !SLIDE -## Extending with ruby +## Extending with Ruby ``` ruby def sprite(map, sprite, offset_x = ZERO, offset_y = ZERO) diff --git a/presentation/03_best_praticies.slides b/presentation/03_best_practices.slides similarity index 100% rename from presentation/03_best_praticies.slides rename to presentation/03_best_practices.slides diff --git a/presentation/04_colors.slides b/presentation/04_colors.slides index ba32e8d..ccf077e 100644 --- a/presentation/04_colors.slides +++ b/presentation/04_colors.slides @@ -43,10 +43,10 @@ $ancillary-compliment-color : rgb(150,150,150) !default; ``` !SLIDE pallet -# Pallets +# Palettes ``` scss -// _pallet.scss +// _palette.scss $orange : rgb(138, 182, 225) !default; $blue : rgb(33,89,167) !default; $lighter-blue : rgb(138, 182, 225) !default; @@ -69,6 +69,6 @@ $ancillary-compliment-color : $lighter-gray; !SLIDE important long -# Only use your pallet colors to define your more descriptive color variables! +# Only use your palette colors to define your more descriptive color variables! diff --git a/presentation/06_math.slides b/presentation/06_math.slides index 9d6ad7f..b22bf27 100644 --- a/presentation/06_math.slides +++ b/presentation/06_math.slides @@ -1,9 +1,9 @@ !SLIDE # Math -## Is your best friend +## is your best friend !SLIDE long -# *Almost* every thing a designer does can be converted into some sort of mathmatical layout... *ALMOST* +# *Almost* everything a designer does can be converted into some sort of mathmatical layout... *ALMOST* !SLIDE @@ -40,11 +40,11 @@ $main-content-width : $wrapper - $sidebar; } ``` !SLIDE -# Image demensions +# Image dimensions ``` scss .play { left: ($width / 2) - (global-sprite-width(play_movie) / 2); top: ($height / 2) - (global-sprite-height(play_movie) / 2); } ``` - \ No newline at end of file + diff --git a/presentation/07_inheiritance.slides b/presentation/07_inheritance.slides similarity index 96% rename from presentation/07_inheiritance.slides rename to presentation/07_inheritance.slides index df15782..dc2769a 100644 --- a/presentation/07_inheiritance.slides +++ b/presentation/07_inheritance.slides @@ -2,7 +2,7 @@ # Inheritance !SLIDE -# Inception rule! +# Inception Rule! !SLIDE @@ -48,4 +48,4 @@ color:$hover-color; } } -``` \ No newline at end of file +``` diff --git a/presentation/08_compass.slides b/presentation/08_compass.slides index c93c363..eb36abf 100644 --- a/presentation/08_compass.slides +++ b/presentation/08_compass.slides @@ -5,13 +5,13 @@ !SLIDE * Stylesheet framework -* Considered sass standard library +* Considered Sass standard library * Standalone application -* Has the ability to have application integrations (rails, django, etc.) +* Has the ability to have application integrations (Rails, Django, etc.) !SLIDE -## Currently the only application integration supported by the core team is rails +## Currently the only application integration supported by the core team is Rails !SLIDE big-list @@ -28,10 +28,10 @@ !SLIDE medium-list -* Fewer http requests. +* Fewer HTTP requests. * You don't have a bunch of individual images to manage. -* Customizable -* ITS EASY! +* Customizable. +* IT'S EASY! !SLIDE @@ -132,7 +132,7 @@ a:active, a.glossy-active { !SLIDE -# We support most CSS3 properties with vendor prefix's. +# We support most CSS3 properties with vendor prefixes. !SLIDE big-list @@ -228,9 +228,3 @@ http://coding.smashingmagazine.com/2009/04/03/8-simple-ways-to-improve-typograph - - - - - - diff --git a/presentation/09_future.slides b/presentation/09_future.slides index 60dcc47..abc9ac2 100644 --- a/presentation/09_future.slides +++ b/presentation/09_future.slides @@ -11,11 +11,11 @@ !SLIDE ## @content ``` scss - @mixin do-something { +@mixin do-something { font-size : 12px; color : red; @content; - } +} p { @include do-something { @@ -35,5 +35,5 @@ p { !SLIDE medium-list # Compass * Media query framework -* A css hacks library -* Extract blueprint from compass to a stand alone framework \ No newline at end of file +* A CSS hacks library +* Extract Blueprint from Compass to a stand alone framework diff --git a/presentation/10_end.slides b/presentation/10_end.slides index 3471af2..03272d5 100644 --- a/presentation/10_end.slides +++ b/presentation/10_end.slides @@ -4,7 +4,7 @@ https://github.com/chriseppstein/compass * Documentation -* Stylesheet cleanup +* Stylesheet Cleanup * Code Refactoring !SLIDE small-list @@ -23,4 +23,5 @@ https://github.com/chriseppstein/compass ### Please donate - http://umdf.org/compass !SLIDE -# Questions! \ No newline at end of file +# Questions! +