#Intro#
- Aidan Foster - Foster Interative - Web Shop focused on Drupal + Front end architecture
- @finteractive on twitter
- https://ca.linkedin.com/in/aidanfoster
#Get to know the group#
- Do you know any programming languages?
- Are you using any of this in your project? ** Mixins? ** Extends?
#Annoucements#
- Thank you to Britelane for sponsoring the venue!
- Sassconf.com in Austin in the Nov 11-14th.
- My Company is looking for a new web developer. Front End + UX Design, or Front end + Drupal.
##How the meetup will Work##
- Each Meetup will be targeted to a specific skill level (Basic/Intermediate/Advanced)
- Then we jump into sassmeister.com and/or local development to do some hands on
- After the meetup anyone who wants to can grab dinner near by
- Don't be shy if you're confused! - Shout out questions and comments as we go!
##Note to self - Press RECORD!##
#Hands-on - Part 1 - Recap from Sass 101#
##Variables, Nesting, Mixins, Extends##
##Mixins##
- http://sassmeister.com/gist/cdf31c8df6b4069b397f
- Source: http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
##Extends##
##When to Use Extends vs Mixins##
##Simple Functions##
#Hands-on - Part 2 - New Stuff#
##Interpolation##
- http://sassmeister.com/gist/a87fef229f16355ae83a
- Source: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#interpolation_
##Control Directives##
- https://gist.github.com/fosterinteractive/369d473388053d2b03bd
- Source: http://www.sitepoint.com/sass-basics-control-directives-expressions/
- Source: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#control_directives__expressions
##Debug Layout Mixin##
##SVG Helper##
##Maps##
- Maps For Icons - http://sassmeister.com/gist/1cd8c8779bf3cc4795ec
- Maps For Buttons - http://sassmeister.com/gist/b5c56022d9cb91f44b4e
##Colors##
- Example: http://www.ibm.com/design/language/resources/swatch-book.shtml
- Gist: http://sassmeister.com/gist/fosterinteractive/7639d8a1b7d48c9e69a0
- Source: http://www.ibm.com/design/language/resources.shtml
##Further Reading##
- (Everything but interpolation focused) http://webdesign.tutsplus.com/tutorials/all-you-ever-need-to-know-about-sass-interpolation--cms-21375
- (Maps!) https://viget.com/extend/sass-maps-are-awesome