~/talk

CSS and Preprocessors in Practice

on YouTube 42m
TalkinPortugueseat Women Dev Summit 2017 · on Saturday, 2017-11-11· [css]

speaker

name:Laís Lima
x:laislima_dev

resources

video:https://youtu.be/PS55z8kHve8
slides:none on file

summary

Explains how and why to use CSS and how to use CSS pre-processors (specifically Sass) with practical organization techniques for front-end projects; covers Sass features as shown in the linked slides and gives guidance on structuring styles for real development workflows.

AI-written summary · about

chapters (15)

  1. 0:00Introduction
  2. 1:17What are CSS preprocessors
  3. 3:45Installing Gulp
  4. 5:13Sass variables
  5. 7:07Nested selectors
  6. 8:33Parent selectors
  7. 11:11BEM methodology
  8. 17:28Multi-value properties
  9. 18:36Selector extensions
  10. 21:53Sass interpolation
  11. 26:30Sass mixins
  12. 30:33Sass project structure
  13. 34:42Autoprefixing with Sass
  14. 38:03Mixins for animations
  15. 40:54Closing

related talks

~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.