Product Hunt 每周精选 N077

Sizzy:响应式设计开发浏览器

漂亮的前端界面,往往需要设计师和开发工程师的完美配合。Sizzy 是一款专门为设计师和开发者打造的浏览器,提供了更方便的调试和预览功能。

首先,Sizzy 支持在同一个标签页下同时预览不同尺寸设备浏览效果,开发者无需反复通过浏览器控制台切换不同的设备视图。此外,Sizzy 提供的热更新功能使得无需刷新页面就能看到实时的代码修改预览,并快速定位到所需检查的元素。最后,Sizzy 还内置了截图等实用的插件,方便一键截取页面在不同设备尺寸下的效果图。Sizzy 的确能在一定程度上提高前端工程师完成响应式设计开发的效率,目前支持 macOS,Windows 和 Linux,你可以到 官网购买 使用。

Slidepad:支持侧拉的网页聚合应用

Slidepad 是一款与 FranzStation 相似的网页聚合应用。简单来讲,Slidepad 将 Slack、Notion、Todoist 等常用的网页应用封装在一个应用中,方便快速打开使用。但 Slidepad 的最大的特点在于交互方式,其借鉴了 iPad 多任务切换的侧拉功能,你可以在屏幕两侧快速唤出 Slidepad。

对于网页聚合应用,我个人一直不太感兴趣,原因在于其本质就相当于将常用的书签专门使用一个浏览器进行封装。因为网页聚合应用基本都不是原生应用,性能上也有很多问题。不过,Slidepad 的交互方式还是有一些特色,如果你有兴趣,可以到开发者网站 免费下载 macOS 版本使用。

稿定设计:在线版 Photoshop

看到 稿定设计 的第一眼,我以为打开了 Photoshop。的确,从外观配色到图标选项,这款在线修图工具和 Photoshop 都很像。功能方面,稿定设计提升了我对 Web 修图应用的认识,其引入了图层的概念,并提供了像污点修复,魔棒,蒙版等一系列进阶功能。虽然这一切看起来都和 Photoshop 非常相似,但能够使用到一款即开即用的网页版 Photoshop 还是比较惊讶的。

最让我感兴趣的还是 Photoshop 对图像格式的支持,其除了支持 Photoshop 默认的 PSD 图层文件,还支持常用设计工具 Sketch,Adobe XD,GIMP 等默认储存的文件格式。这就相当于可以使用稿定设计充当不同设计工具之间的媒介。

我认为专业设计师基本不会切换使用稿定设计,毕竟本地应用的效率和稳定性会好很多。但对于仅有基础修图需求的普通用户,或者一些临时的小修小改,稿定设计还是可以胜任的。有兴趣的话,现在就可以 访问免费使用