~/talk

PostCSS

Talkat Frontend United 2016 · 2016-05-27..05-28· [css, frontend-architecture]
links:none on file
slides:none on file

PostCSS claims let teams use future CSS today by wiring small plugins into a build: examples include postcss-nested for nesting, cssnext for custom properties and var/calc support, and cssnano for minification; AutoPrefixer already runs on PostCSS. It runs in Gulp, parses CSS into a tree, plugins transform and stringify, and the ecosystem shows ~500k npm downloads/week. Migration from SASS is largely a search‑and‑replace (mixins and filename tweaks), plugins are simple JS functions, performance beats Ruby implementations, but plugin ordering and excessive custom plugins can create maintenance friction.

AI-written summary · about

  1. 0:00Start
  2. 2:35PostCSS WHY?
  3. 7:00How does it work?
  4. 7:21Execution
  5. 10:57CSSNano
  6. 11:39Easy transition
  7. 11:57From SCSS to PostCSS
  8. 15:49Extend - new plugin
  9. 16:30Example: postcss-focus
  10. 18:33handle with care
  11. 23:18CSS is not a programming language
  12. 24:20LINKS
~/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.