话说上礼拜，老板突然跟我说，要搞个新项目，让我赶紧出个页面给他看看。时间紧任务重，我这心里真是又急又愁。

不过还平时我喜欢捣鼓各种工具，这回可派上用场。我立马想到几个平时收藏的宝贝，打算拿出来试试手。

寻寻觅觅，找到趁手的“家伙”

我想到WordPress，毕竟这玩意儿名气大，做个网站啥的应该不在话下。可是仔细一琢磨，我这回要的只是一个页面，用WordPress 好像有点“杀鸡用牛刀”的感觉，而且还得考虑服务器啥的，太麻烦，先放一边。

然后，我又想到“即时设计”，这个名字听起来就很快，而且说是支持团队协作，感觉挺适合我们团队的。我打开看一下，发现这工具主要是做设计的，虽然也能做网站，但总觉得不太对味，好像更适合设计师用。

试试“新武器”，快速上手

后来我又发现“摹客”和“CodePen”，这两个工具听起来更像是做原型设计的。我先试试“摹客”，发现它还真挺好用的，可以快速拖拽组件，搭建页面框架，还能添加一些简单的交互效果。我觉得这正是我想要的！

然后我又试“CodePen”，这个工具更适合写代码，可以在线编辑HTML、CSS、JavaScript，还能实时预览效果。对于我这种喜欢“玩”代码的人来说，简直是太爽！

“双剑合璧”，效率翻倍

我决定把“摹客”和“CodePen”结合起来用。先用“摹客”快速搭建页面原型，把页面的基本结构和布局搞定。然后，再用“CodePen”来细化页面的样式和交互，把一些细节效果给做出来。

• 第一步：用“摹客”快速拖拽，搞定页面框架。
• 第二步：用“CodePen”写代码，美化页面，增加互动。
• 第三步：反复调整，直到满意为止。

你猜怎么着？这么一搞，效率还真提高不少！原本以为要搞一天的页面，结果半天就搞定，而且效果还不错。老板看之后，也表示很满意。

这回的经历，让我更加深刻地体会到“工欲善其事，必先利其器”的道理。有这些好用的工具，做起事情来真是事半功倍！