上周末作为一名分享者参加了 CSSConf CN，在厦门。
其实除了自己的分享内容，这次我是带着很明确的目的参会的，因为有两个主题我特别关注，就是：
(两个分享的标题都被我稍微“演绎”了一下)
这两件事都是自己工作上正在特别关注的事情，一方面，我们很少从 API 的角度去理解一个组件的 CSS 该如何组织和管理，所以这个标题就特别吸引我，另一方面响应式组件的分享者是来自新加坡的前端工程师 Zell (我个人一直觉得国内的响应式都是在瞎搞，看了很多周围团队都没有认真做这件事，甚至不相信响应式的价值，从设计师到工程师)，因此非常珍惜这个机会能近距离学习一些国外的同行们是怎么看待和实践响应式的。
所以尽管我们团队的差旅经费已经用完了，还是决定自费来厦门近距离交流一下。
现在证明这次真的不虚此行。
当然参加这种线下活动，“面基”的目的是一定有的……恩，这个不值一提。
在谈这次分享内容给我的收获之前，我想说，实际上我不只是从几十分钟的分享中学习了响应式组件的东西。我这次去厦门的行程特地提前了两天，周四就到厦门了，就是希望能多一些分享的准备和现场交流。正好 Zell 也到的比较早，于是乎我在周末的会议之前就跟 Zell 聊了很多。真的是很难得的机会。
回到分享的内容，我听过 Zell 的分享之后简单整理了一些要点：
font-size 尽量使用 em 单位，而不是如 px 的绝对单位vw、vh、vmin、vmax 单位，必要的时候可以配合 calc()min-width，以小屏幕为基础min-width 和 max-width 的交集，避免样式间不必要的相互干扰+ 选择器处理最后一个元素多余的边距rem 作为边距的单位以避免被组件的字号影响布局实际上每一条都不是很难，也不是没有见到过，但是总结的非常有系统性，给了大家一些很好开始的着手点。
另外 Zell 在聊天过程中也提到了很多我非常认同的观点和细节，想分享给大家：
我记录了一些要点和自己的理解：
听过之后非常受启发。
这两份 slides 我也第一时间分享给了我们团队组件库的同学们了解学习了：）
这些内容可能真的是有一点“超前”了，因为很多浏览器都还没实现，而且规范本身也没有稳定下来。但是我迫不及待的想分享出来，是因为我也听到了一些说法，说“CSS 很久没有什么新闻了”。那 CSS Houdini 绝对是一个可以让 CSS 更上一层楼的“重量级”的东西。希望可以通过分享 CSS Houdini 让大家对 CSS 更有信心和期待。
同时很多技术的“风向”都是由最底层的东西决定的，我们从规范层面对 CSS 有更多的了解，一定会对我们的实际工作有很多指导和借鉴的价值。如果你同时还是一个有开源精神的人，那么你可以从今天开始就构思一些基于 CSS Houdini 的工具和库了对吧，用这些工具和库加速 CSS Houdini 的落地，同时也尽快把一些之前没有 CSS Houdini 的时候大家用起来很别扭很勉强的东西汰换掉，更在这个过程中体会 web 带给我们的乐趣：）
另外几个分享也各有特色，总体上，我觉得这次 CSSConf CN 同时包含了 CSS 的规范、理念、工具、技巧、动画、八卦、吐槽各个方面，应该是尽可能照顾到了大家的兴趣和需求了。还是觉得这样的会议非常的棒。
我觉得 CSS 和动画、SVG、字体设计、3D 图形学、可访问性、语义化的 web 等话题有着非常紧密的联系，有很多有意义的延伸，并且这些话题也很难有独立的 Conf 了吧我估计。再加上 CSSConf 的主办者们，尤其是 裕波，是非常懂前端开发者们的，他们经营 CSSConf 的理念和方式我一直非常认同和欣赏，所以也许未来有一天，CSSConf 会比 JSConf 更受人关注。
以上
上周末作为一名分享者参加了 CSSConf CN，在厦门。
其实除了自己的分享内容，这次我是带着很明确的目的参会的，因为有两个主题我特别关注，就是：
(两个分享的标题都被我稍微“演绎”了一下)
这两件事都是自己工作上正在特别关注的事情，一方面，我们很少从 API 的角度去理解一个组件的 CSS 该如何组织和管理，所以这个标题就特别吸引我，另一方面响应式组件的分享者是来自新加坡的前端工程师 Zell (我个人一直觉得国内的响应式都是在瞎搞，看了很多周围团队都没有认真做这件事，甚至不相信响应式的价值，从设计师到工程师)，因此非常珍惜这个机会能近距离学习一些国外的同行们是怎么看待和实践响应式的。
所以尽管我们团队的差旅经费已经用完了，还是决定自费来厦门近距离交流一下。
现在证明这次真的不虚此行。
当然参加这种线下活动，“面基”的目的是一定有的……恩，这个不值一提。
在谈这次分享内容给我的收获之前，我想说，实际上我不只是从几十分钟的分享中学习了响应式组件的东西。我这次去厦门的行程特地提前了两天，周四就到厦门了，就是希望能多一些分享的准备和现场交流。正好 Zell 也到的比较早，于是乎我在周末的会议之前就跟 Zell 聊了很多。真的是很难得的机会。
回到分享的内容，我听过 Zell 的分享之后简单整理了一些要点：
font-size 尽量使用 em 单位，而不是如 px 的绝对单位vw、vh、vmin、vmax 单位，必要的时候可以配合 calc()min-width，以小屏幕为基础min-width 和 max-width 的交集，避免样式间不必要的相互干扰+ 选择器处理最后一个元素多余的边距rem 作为边距的单位以避免被组件的字号影响布局实际上每一条都不是很难，也不是没有见到过，但是总结的非常有系统性，给了大家一些很好开始的着手点。
另外 Zell 在聊天过程中也提到了很多我非常认同的观点和细节，想分享给大家：
我记录了一些要点和自己的理解：
听过之后非常受启发。
这两份 slides 我也第一时间分享给了我们团队组件库的同学们了解学习了：）
这些内容可能真的是有一点“超前”了，因为很多浏览器都还没实现，而且规范本身也没有稳定下来。但是我迫不及待的想分享出来，是因为我也听到了一些说法，说“CSS 很久没有什么新闻了”。那 CSS Houdini 绝对是一个可以让 CSS 更上一层楼的“重量级”的东西。希望可以通过分享 CSS Houdini 让大家对 CSS 更有信心和期待。
同时很多技术的“风向”都是由最底层的东西决定的，我们从规范层面对 CSS 有更多的了解，一定会对我们的实际工作有很多指导和借鉴的价值。如果你同时还是一个有开源精神的人，那么你可以从今天开始就构思一些基于 CSS Houdini 的工具和库了对吧，用这些工具和库加速 CSS Houdini 的落地，同时也尽快把一些之前没有 CSS Houdini 的时候大家用起来很别扭很勉强的东西汰换掉，更在这个过程中体会 web 带给我们的乐趣：）
另外几个分享也各有特色，总体上，我觉得这次 CSSConf CN 同时包含了 CSS 的规范、理念、工具、技巧、动画、八卦、吐槽各个方面，应该是尽可能照顾到了大家的兴趣和需求了。还是觉得这样的会议非常的棒。
我觉得 CSS 和动画、SVG、字体设计、3D 图形学、可访问性、语义化的 web 等话题有着非常紧密的联系，有很多有意义的延伸，并且这些话题也很难有独立的 Conf 了吧我估计。再加上 CSSConf 的主办者们，尤其是 裕波，是非常懂前端开发者们的，他们经营 CSSConf 的理念和方式我一直非常认同和欣赏，所以也许未来有一天，CSSConf 会比 JSConf 更受人关注。
以上