大家新年快乐~我们年后回归一起聊一聊 CSS 。主要介绍了几种 css 工程的思想及相关实现的代表作,探索更好的 CSS 工程形式。
有任何意见或建议,欢迎联系邮件:async.talk@gmail.com
主播
AnnatarHe: annatarhe.com
Tinko: space.bilibili.com
Sleaf: twitter.com
小鹿
Timeline
00:30 听众反馈
02:43 让人头疼的样式表
13:02 预编译器哪家强
22:38 怎么限制 css 作用域?
25:21 BEM?简单而臃肿
28:03 Vue 送来了 scoped
30:46 CSS Modules 好用吗
33:06 ALL IN JS!
35:43 原子性 CSS 是不是一个好的方案?
41:22 小结,以及还有其他小众方案
42:26 这些方案有哪些落地的框架?
46:39 最近蛮火的 Tailwind 用起来怎么样
1:02:15 styled-componets 是不是一个完美的方案?
1:05:17 说了这么多,现在主播们会选哪个?
1:11:02 在未来什么会消亡什么会壮大?
相关链接
BEM: getbem.com
LibSass is Deprecated: sass-lang.com
CSS 语法 [符号]: developer.mozilla.org符号
最佳化文字資產的編碼和傳輸大小: developers.google.com
CSS Houdini: developer.mozilla.org
扩展阅读
An Introduction To Object Oriented CSS (OOCSS): www.smashingmagazine.com
Just-In-Time: The Next Generation of Tailwind CSS: tailwindcss.com
Real-world CSS vs. CSS-in-JS performance comparison: pustelto.com
postcss-rs: github.com
parcel-css: github.com
BGM by Otologic