16 总结篇：玩转 css 艺术之美

前言

首先感谢各位同学购买并支持本小册，这是笔者第一本小册。因为是笔者首次写书，难免会存在一些不好的地方，若各位同学在阅读过程中发现可改善的地方请在下方评论提出建议，笔者会认真采纳并提升小册的体验质量。

为何创作本小册呢？其实还是要从自身说起，笔者有着 弃医从码 的经历，转行时完全靠自学，无任何计算机基础的我只能依靠自己的兴趣作为驱动力，很长一段时间每天只睡 6 小时，实习之余都是在自学。当然 CSS 就是笔者转行前端的第一门课程。当初对 JS 不感冒，怎么看都不顺眼，就是不会。对于 CSS 而言，笔者居然看懂且还会编写，就这样一段时间后完全迷上 CSS，导致前期的学习笔记几乎都是 CSS。每天沉浸在 CSS 的各种论坛和博客上，逐渐培养出一种能使用 CSS 实现的效果都优先使用 CSS的习惯。直到现在笔者还是保持着这个习惯，这样也是对自己 CSS 编码能力的一种检验。

小册主题内容是 CSS神操作骚技巧 ，是一本几乎纯讲 CSS 的电子工具书。由于笔者很喜欢 CSS，每天都会花至少 1小时 的时间钻研一些比较偏门少用的 CSS 技巧，探究其实现思路与使用场景。当然笔者也很愿意与各位同学分享学习到的知识，所以才花了大半年时间 选题 、 写作 、 编写示例 、 录制动图 和 开源源码 ，最终产出本小册。

总结

到了终章，依笔者的习惯肯定会再来一波总结，废话不多说，以下是本小册的重点内容。

• 工具网站

  • CodePen：代码演示
  • Caniuse：浏览器兼容性
  • CssTriggers：CSS 触发
  • CubicBezier：贝塞尔曲线
  • Flexbox：Flex 布局
  • StatCounter：浏览器统计

• 示例源码：目前包含 90+ 个 CSS 效果

  • 布局：10
  • 行为：21
  • 颜色：12
  • 图形：12
  • 组件：34

• 构建工具

  • node：Node
  • bruce-cli：构建脚手架

直接点击链接可跳转到对应内容，建议各位同学克隆一份源码，每个示例都集合了多种 CSS 技巧，闲时翻看源码相信会有更多不一样的收获，喜欢 CSS 的顺手一个 Star 哟，让更多同学关注 CSS 技术从我们做起。

结语

本小册是掘金社区首本也是目前唯一一本 CSS 技术方向的小册，所有内容提炼于笔者从事多年前端记录和整理的学习内容，内容不在多而在精。笔者曾经想过把这些内容写成一本 15 万字的纸质书，可是这很花时间，经常看书的同学都知道，一本书里废话起码占三分之一，因此笔者才将其写成小册。

因为掘金小册很符合笔者的初衷，内容不在多而在精。笔者敢说整本小册无任何一句废话，都是笔者从业多年的工作经验和实战经验，笔者也希望通过这样的方式去分享自己学习 CSS 的历程。

以下是小册内容的依据来源，都是笔者多年对 CSS 的学习和研究而形成的一份记录。感兴趣的同学可关注与收藏，实时了解笔者对 CSS 学习的动态。

• JowayYoung 个人官网：CSS 代码占比达到 40% 的个人官网
• 纯 CSS 创意专辑：糅合个人原创与收集的纯 CSS 效果，每周更新 1~2 个
• CodePen： 300+ 点赞量和 12万+ 阅读量
• 灵活运用 CSS 开发技巧： 4000+ 点赞量和 12万+ 阅读量

最后笔者想打一个小小的广告，若你想了解更多 CSS/JS开发技巧 ，推荐关注笔者的公众号IQ 前端，一个专注于 CSS/JS开发技巧 的前端公众号。笔者会分享前端各种开发技巧，与各位同学一起学习。