Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
PostCSS brief intro
Search
vagusX
April 10, 2015
Programming
3
330
PostCSS brief intro
PosrCSS
vagusX
April 10, 2015
Tweet
Share
Other Decks in Programming
See All in Programming
Linux && Docker 研修/Linux && Docker training
forrep
24
4.5k
[JAWS-UG横浜 #80] うわっ…今年のServerless アップデート、少なすぎ…?
maroon1st
1
180
Pulsar2 を雰囲気で使ってみよう
anoken
0
230
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
4
380
Conform を推す - Advocating for Conform
mizoguchicoji
3
690
昭和の職場からアジャイルの世界へ
kumagoro95
1
360
CI改善もDatadogとともに
taumu
0
110
もう僕は OpenAPI を書きたくない
sgash708
3
990
Unity Android XR入門
sakutama_11
0
150
2,500万ユーザーを支えるSREチームの6年間のスクラムのカイゼン
honmarkhunt
6
5.2k
AWS Organizations で実現する、 マルチ AWS アカウントのルートユーザー管理からの脱却
atpons
0
130
『GO』アプリ データ基盤のログ収集システムコスト削減
mot_techtalk
0
120
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Code Reviewing Like a Champion
maltzj
521
39k
Embracing the Ebb and Flow
colly
84
4.6k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Faster Mobile Websites
deanohume
306
31k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
630
BBQ
matthewcrist
86
9.5k
Transcript
PostCSS the Future after Sass and Less more than JS
functions
PostCSS Users
PostCSS the Future after Sass and Less itself and plugins:
nothing more than JS functions
PostCSS Differs from Preprocessors • Performance • Modularity
PostCSS written in JS itself is very small and fast
one of the fastest CSS parsers PostCSS processing is 40 times faster than Ruby Sass compilation
custom-properties `postcss-simple-vars` like Sass-like variables. `postcss-custom-properties` closer to W3C spec
`postcss-nested`
`postcss-mixins`
Modularity Each plugin is an independent module Flexibility Powerful add
only those features that you want
PostCSS 70+ plugins RTLCSS AtCSS Autoprefixer CSSGrace and more @
https://github.com/postcss/postcss#plugins
Autoprefixer postprocessor for CSS Write your CSS rules without vendor
prefixes http://simevidas.jsbin.com/gufoko/quiet https://github.com/ai/browserslist#queries https://github.com/postcss/autoprefixer/wiki/support-list https://github.com/postcss/autoprefixer-core/tree/master/lib/hacks http://caniuse.com https://gist.github.com/vagusX/54c5bb5ebf1798f7bba0
None
write future CSS Write standard CSS syntax non-implemented yet in
browsers like calc,custom properties, custom media, color functions, etc. Including autoprefixer CSS3 available https://cssnext.github.io/cssnext-playground/
CSSGrace Write brief,elegant,future-oriented CSS. Handle some IE hacks like opacity,
rgba, inline-block, etc From now on
None
CSSGrace Automatic generation of 2x background compatible code Get the
background image's width or height Position:center polyfill Repair of common errors Missing property auto completion
None
AtCSS transform CSS according to special annotation comments
None
more and on https://github.com/postcss/postcss#plugins Thank you