WWW…周三!Web开发人员工具综述
通过泰勒Slattery| 2021年10月19日
网页设计，尽管它能让我们做很多令人惊叹的事情，但它也可以是重复的。没有别的办法了。除了。这里有5个chrome扩展的集合，帮助你的生活，作为一个网页开发人员更容易。
你是否曾经在浏览网页时遇到过一种你想用的字体，但找不到它的名字?字体忍者是一个chrome扩展，识别web字体。只需将鼠标悬停，就能看到字体的所有信息，包括大小、颜色和购买地点。它还可以从站点中提取所有可用信息来填充一个快速摘要，这样您就可以一目了然地了解站点的设计系统。如果你发现了你喜欢的东西，你可以把它添加到你的书签中，以便以后使用。你可以在这里找到字体忍者。
Html Figma是一个扩展，允许你转换一个网页，在它的全部，Figma层，你可以编辑和安排。这是进行市场研究、迭代现有设计或导入组件的好工具。与从头开始重建站点或根据截图工作不同，HTML和Figma允许你使用真实的资产来快速获得结果。你可以在这里找到HTML到Figma。
跨各种常用设备和屏幕尺寸的测试站点可能会产生不同的问题，而与团队其他成员交流这些问题可能会很困难，特别是如果你无法复制它们的话。Nimbus截图和屏幕录像允许你记录整个网页或只是你的浏览器的一部分。它对bug测试和记录教程都很有用。你可以找到光轮在这里．
从网站收集资产可能是一个主要的时间消耗，特别是当图像输入两位数时。Image Downloader从一个页面收集所有的图像，并将它们显示在一个方便的网格中，以便选择和同时下载。您还可以按维度过滤结果，或者选择只包含来自链接的图像。你可以找到Image Downloader在这里．
似乎每个社交平台都有自己的偏好维度，它们所需要的各种附属品几乎没有重叠。Biteable的图像调整器将您的图像，并使他们的社会媒体准备。只需上传一张图片，您就可以看到广泛平台上使用的各种标准。你可以找到Biteable的图像调整器在这里．
泰勒是《设计札记》的总编辑。泰勒是一个平面设计师，插画家和设计领导Weirdsleep．
这个博客是由世界领先的在线视觉艺术学校塞申斯学院赞助的。
