26个前端开发人员必备的顶级工具，前端面试基础问题

目录

CSS代码生成器

CSS3 Generator

终极CSS Generator

CSS Grid布局生成器

静态站点生成器

Next.js

Gatsby

SVG 优化器

SVGOMG

SVG Optimizers

动画库

Animate.css

GreenSock (GSAP)

Anime.js

跨浏览器测试

Caniuse

Am I Responsive?

Responsive Web Design Checker

BrowserStack

代码协作和游乐场

GitHub

CodePen

JSFiddle

SoloLearn

jsrun.net

1、CSS代码生成器

你是否曾经尝试记住如何声明渐变，文本阴影，Flexbox或Grid的CSS属性，仅举几个例子都不容易。除非你一再使用某些CSS功能及其属性，否则很难记住所有这些功能。但是，即使是精通CSS的人有时也需要对某些属性进行复习，尤其是如果他们有一段时间没有使用它们了。

如果你需要一些最新和最伟大的CSS的快速帮助，这里有CSS生成器来拯救。输入数值，预览结果，抓取生成的代码并运行。

2、CSS3 Generator

CSS3 Generator是一款免费的在线应用，它可以让你快速编写一些现代CSS功能的代码，如Flexbox、渐变、过渡和变换等。

输入所需的CSS值，实时预览结果，复制并粘贴生成的代码。此外，此应用程序还会显示支持CSS代码的浏览器及其版本的列表。

3、终极CSS Generator