这30个超级工具！前端开发很喜欢( 二 ) 作者：佚名来源：逆锋起笔你

文章图片
https://jakearchibald.GitHub.io/svgomg/
SVGOMG是一个免费的在线应用程序，可让你将许多优化选项应用于SVG代码并预览最终结果。易于使用，也可以离线使用。微信搜索公众号逆锋起笔，关注后回复编程资源，领取各种经典学习资料。
更多内容↓↓↓
文章图片
这是另一个很棒的免费在线SVG优化工具，可用于修剪SVG代码，它直观易用。
动画在网络上随处可见，无论是微妙的微效果，还是大块内容在屏幕上逐渐展开的故事性运动，都是动画的存在。
虽然现代的CSS和JavaScript包含了你创建一些酷炫的网页动画所需的功能，但下面列出的库肯定能让你更快地完成工作，并获得一些惊人的效果。

文章图片
Animate.css是一个可在你的Web项目中使用的即用型跨浏览器动画库。非常适合强调，首页，滑块和引导注意的提示。
顾名思义，这个库是纯CSS的。在预包装的效果中，你会发现：像弹跳和闪烁效果、后方入口和出口、淡入和淡出等引人注意的效果，以及其他大量的效果。
功能包括：
使用npm ， Yarn或CDN快速安装使用方便简单使用CSS自定义属性（CSS变量）自定义动画持续时间，延迟和交互的选项用于延迟、速度变化和重复的实用类。
文章图片
GSAP（GreenSock动画平台）提供“针对现代网络的超高性能，专业级动画” 。
其高度直观的JavaScript驱动的语法使你可以立即构建出色的动画。从DOM元素和JavaScript对象到SVG ， Canvas和WebGL身临其境的体验，可以使用GSAP进行动画制作的对象没有任何限制。此外， GSAP是跨浏览器的，并且向后兼容，并提供了出色的文档和支持社区。

文章图片
Anime.js是一个轻量级的JavaScript动画库，具有简单而强大的API 。它与CSS属性， SVG ， DOM属性和JavaScript对象一起使用。
完全开源，凭借其直观的语法和出色的文档，你可以立即使用Anime.js并开始运行。
开发人员无法控制要从哪种设备访问其网站或应用程序。在2019年，。从整体上看，屏幕尺寸从台式机、平板电脑到智能手机和可穿戴技术都有所不同。
作为前端开发人员，确保网页在任何屏幕尺寸下都可以使用是我们工作的核心组成部分。虽然没有什么比得上直接在不同的浏览器和平台上测试网站和应用程序，但以这种方式覆盖所有基础不是我们大多数人的选择。下面列出的服务和应用程序可以提供帮助。

文章图片
我不知道你是怎么想的，但当我需要了解浏览器对任何HTML、CSS、SVG和JavaScript功能支持的最新信息时--无论这些功能是多么新奇或晦涩难懂——caniuse是我的首选网站。
你将获得全球和特定国家/地区级别的最新统计结果，以及有关特定问题，资源等的信息。

文章图片
这是一个免费的在线应用程序，可让您快速检查网站在不同屏幕尺寸下的外观。
【这30个超级工具！前端开发很喜欢】以下是功能列表：