作为一只伪前端开发癞皮狗重构的mc,向来写CSS都是用“穷举法”写的。嗯,就是『标题太靠左?老板来10px margin』这样的感觉。
拯救了这样的我的一款开发神器就是AlloyDesigner的洋葱皮功能。
洋葱皮是当年flash的一个经典功能,可以让你看穿时间轴,看到前后几桢的半透明的样子。AlloyDesigner可以将重构稿导入之后,半透明覆盖在当前网页上,调整位置锁定之后,便可以愉快地进行重构了,嗯,配合chrome的开发工具,焦点在css属性上的时候可以上下直接调整数值,妈妈再也不担心我调整位置尺寸耗时费力了!
AlloyDesigner有脚本部署版本,书签版本和chrome扩展版本。扩展使用方便,但会发送GA统计,敏感人群可以选用火狐扩展PixelPerfect,似乎也有chrome移植版。
从此mc过上了幸福的撞大运重构生活,完。
开始这个博客至今正好一个月,4周,12篇文章。很多事真的是只要想做就能做到呢
题图:万智 【实相光闪】