今天琢磨着做个创意网站模板，本来想着随便找个现成的改改算了，结果一看那些模板都太老土，干脆自己从头折腾一遍。

先定个大概方向

我打开电脑第一件事就是瞎划拉，在纸上画了几个歪歪扭扭的框。想着这回得弄点不一样的，不能老是那种规规矩矩的排版。脑子里闪过之前逛艺术展看到的那些海报，乱七八糟但挺有味道，就决定往这个感觉靠。

动手折腾布局

打开代码编辑器，先哗哗敲了个最基本的html架子。然后就开始用css胡乱调试，把标题故意调得歪七扭八，图片叠来叠去。调着调着发现有个元素卡在角落动不了，气得我差点砸键盘，发现是某个爹级元素设了绝对定位没清掉，真是自己给自己挖坑。

• 标题用了旋转和阴影，搞得像喝醉酒似的
• 图片层叠故意露出边角，假装很随性
• 导航栏藏在右下角，鼠标晃过去才弹出来

配色真是要命

最头疼的就是选颜色。试了十几种搭配，不是像幼儿园涂鸦就是像殡仪馆网站。干脆用了扎眼的荧光绿配深灰，反正创意模板嘛丑也得丑出特色。调色板来回改了二十多遍，显示器都快被我盯穿了。

关键发现：突然想起来可以偷懒用渐变色直接糊弄过去，于是给背景加了从屎黄到玫红的斜向渐变，瞬间就有那味儿了。

塞点动态效果

想着光静态不够炫，又手贱加了点js。结果第一个动画就把页面搞崩了，控制台报错红得跟过年似的。排查半天原来是函数名写错字母，这种低级错误每次都能被我碰上。修好后加了几个浮浮沉沉的动画元素，虽然卡得像PPT，但好歹能动了。

收拾烂摊子

弄完发现手机上看完全乱套，字小得要用放大镜看。只好灰溜溜地加了一堆media query调整尺寸，折腾到半夜才勉强能看。保存的时候手一抖差点没保存成功，吓出我一身冷汗。

总之这模板做得跟预想的不太一样，但好歹算是把“创意”俩字糊弄上去了。下次还是老老实实用现成框架，自己瞎搞太费头发。