随着移动互联网的兴起,为了适应不同移动终端的屏幕,越来越多的网站开始采用响应式的Web页面。虽然像Chrome这样的浏览器自带了很强的开发测试工具,能够提供模拟各种移动终端的屏幕尺寸,但是一次只能显示一个页面尺寸,这样还是有点繁琐的。
今天介绍的一款工具Sizzy,简单来说就是能让前端开发者能够在一个页面中同时预览多个不同屏幕尺寸的页面,PS:以后再也不用切来切去了!
Sizzy是一个叫Kitze最近才写的。Kitze在开发中发现虽然自己可以用react-storybook实现不同组件的预览,但是还是不能满足他一次在12个设备上预览网页更改的需求。于是乎,这个家伙就琢磨着自己是不是可以自己开发一个这样的工具。说干就干。首先他在twitter上发了一条推文,附上草图,看看有多少人会对这个工具感兴趣。
没想到一下子就收到了200多个赞和60多个回复,说明需求很旺盛啊!于是更有干劲了,不得感叹社交网络的强大啊!期间他也遇到了不少困难,但是都被解决了,不得不佩服大神解决问题的能力啊!在慢慢完善的过程中他又发现其实可以将这个工具作为一个独立的web app发布,于是乎他又调整了目标,最后还花了半个小时纠结了一下应该叫什么名字🙄,最终才想出了Sizzy这个名字。
期间还有个小插曲,他在Github上上传了一个空的repo,但是有两位大神居然还给星了!!而现在已经有4300多个star了!!
从开发到发布,总共也就用了一天左右的时间,不得不佩服人家大神的能力。最后他自己总结说,他已经有将近一年没有做自己的作品了,他发现这种感觉真是棒了,感觉不到时间的流逝,没有其他人来打扰,自己只是坐下来,知道自己想做什么,一心只想把它完成。当你解决你自己的问题的同时也帮助他人解决了问题。最重要的是在开发这个工具的过程中他收获了很多其他人的激励和正面的反馈,这也是促使他能够做得更好的动力,我想这也是作为一个开发者的乐趣所在吧。