2014年11月，我在ThoughtWorks西安办公室组织了一次为期3周的Workshop，名为《3周3页面》。每一周的两次课上，参与者被要求使用HTML/CSS来实现一个Web页面。
这个Workshop有点像学绘画时候的素描课，所有人都照着一个设计稿（通常是设计师用PhotoShop等工具设计好的一个页面）来用HTML/CSS实现它。
参与者有前端开发，非前端开发，测试工程师，用户体验设计师，业务分析师等角色。大部分参与者在之前都或多或少的接触过CSS，但是又没有到精通的地步；有很小一部分参与者之前没有接触过Web设计/开发，同样，有很小一部分参与者在Web设计/开发方面非常专业。
在Workshop中，我会在每周的第一次课上讲解一些基础知识，比如如何使用HTML5的新标签来实现更加语义化的文档，如何使用CSS3的新特性来实现阴影，动画，圆角等。而在第二次课，会安排一次Showcase，大家将自己已经实现了的部分与别人分享，并得到一些反馈。在Showcase之后，我会现场演示如何实现页面的一部分，这样可以帮助那些并没有太多基础的参与者。
结果这个Workshop得到了很好的反馈，参与者都投入了很大的经历和时间来完成“作业”，到3周结束的时候，绝大多数人都有了基本的概念，并且真的可以照着一个设计稿来完成Web开发部分的工作。而且根据课后的一次问卷调查的结果来看，大部分参与者非常乐于这种边讲边练的模式，并且期望学到更多。
在进行自我总结的时候，我突然意识到，这是一个很容易固化下来，方便其他没有参加这个Workshop的人的好主题。于是我决定将这些内容整理起来，做成一个电子书，这样也可以省去我自己重复去讲课的麻烦。
《3周3页面》发布在gitbook上之后，出乎意料的获得了很多来自各方的支持，在此一并感谢。有一次在ThoughtWorks内部邮件里，我向同事们宣布了《3周3页面》已经变成了一本电子书的消息，结果收到了很多的捐赠，ThoughtWorks同事们对创新，知识分享的支持和热情都令我非常感动。
在深圳出差的时候，selfstore.io的创建者黄增光联系我，希望我可以将本书的PDF版本发布在selfstore.io上。发布之后，已经有很多读者购买，在这里感谢黄增光和热心的读者们。
上一个项目结束之后，我难得的有了几天空闲，就将上一个项目中涉及到的CSS3动画知识整理了出来，形成了新的一章。动画一章中，实例部分的动画来自于ThoughtWorks的用户体验设计师唐婉莹，她不但慷慨的允许我在书中使用这些设计稿，而且还教了我很多动画效果的实际做法；实现动画时，在处理多个元素的动画同步上我遇到了难题，同事张霄翀给了我热心的的指导，并帮我做出了一个样例，在此一并感谢。
最后，在本书发布之后，很多同事都帮我做了积极的宣传，使得本书得到了更多的人的关注，这里也一并感谢。