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
GitHub Actions × RAGでコードレビューの検証の結果
sho_000
0
240
バックエンドのためのアプリ内課金入門 (サブスク編)
qnighy
8
1.7k
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
7
2.5k
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
4
370
Amazon Bedrock Multi Agentsを試してきた
tm2
1
280
Formの複雑さに立ち向かう
bmthd
1
720
Kubernetes History Inspector(KHI)を触ってみた
bells17
0
200
『GO』アプリ データ基盤のログ収集システムコスト削減
mot_techtalk
0
110
Amazon S3 TablesとAmazon S3 Metadataを触ってみた / 20250201-jawsug-tochigi-s3tables-s3metadata
kasacchiful
0
100
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
41
15k
SwiftUIで単方向アーキテクチャを導入して得られた成果
takuyaosawa
0
260
Immutable ActiveRecord
megane42
0
130
Featured
See All Featured
Faster Mobile Websites
deanohume
306
31k
Site-Speed That Sticks
csswizardry
3
370
How to train your dragon (web standard)
notwaldorf
90
5.8k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
240
Bash Introduction
62gerente
610
210k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Become a Pro
speakerdeck
PRO
26
5.1k
Making Projects Easy
brettharned
116
6k
Statistics for Hackers
jakevdp
797
220k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Documentation Writing (for coders)
carmenintech
67
4.6k
Mobile First: as difficult as doing things right
swwweet
223
9.3k
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