front end badassery with sass
TRANSCRIPT
FRONT END
BADASSERY WITH SASSJessica Eldredge
RailsGirls DC 2012
“I don’t like the green. Can we change it?”
CSS IS A PAIN
it lacks VARIABLESit lacks FUNCTIONS
it’s LONGit’s REPETITIVE
ENTER SASSa front end developer’s dream
VARIABLES
NESTING
MIXINS
EXTEND
COLOR FUNCTIONS
MATH
SASS OR SCSS?
TWO DIFFERENT SYNTAXES
HELPFUL TIPS
LIMIT YOUR NESTINGno more than 2 levels
USE @IMPORTno extra HTTP requests!
SEPARATE MIXINSkeep a mixin library
USE PARTIALSthink in terms of
MODULESbuild up your
LIBRARY
NEXT STEPS
FRAMEWORKS, LIBRARIES
Compasscompass-style.org
Bourbonthoughtbot.com/bourbon
LEARN MORE SCSS
Sass Documentationthesassway.com
Chris Eppstein@chriseppstein
github.com/chriseppstein
OTHER PREPROCESSORS
LESSlesscss.org
Styluslearnboost.github.com/stylus
GO FORTH, BADASS
KEEP IN TOUCH!
@jessabean
github.com/jessabean