后端开发教程 - Java、Spring Boot 实战 - msg200.com
50 个您一定会喜欢的免费工具和资源（第 2 部分）
免费的东西总是让人兴奋。但如果它真的免费又超棒呢？你一定会喜欢的免费工具和资源。第二部分。
开始吧！
1. 尾格栅
专为 Tailwind CSS 打造的高质量 UI 组件和区块，随时可用。复制粘贴组件，即可构建您专属的 Web 应用 UI、落地页、网站或站点模板。
2. Javascript.info
现代 JavaScript 教程：简单但详细的解释，带有示例和任务，包括：闭包、文档和事件、面向对象编程等。
3. HTMLrev
免费的 HTML 模板可节省开发时间并提升网站和登录页面的项目设计。
4. 对开发者免费
这是为开发人员提供免费套餐的软件（SaaS、PaaS、IaaS 等）和其他产品的列表。
5. 风暴套件
Stormkit 是现代 javascript 应用程序的基础设施提供商，与流行的 Git 提供商紧密集成。
6. PythonAnywhere
在云中托管、运行和编写 Python 代码：PythonAnywhere。
链接：https://www.pythonanywhere.com/
7. 正则表达式101
在线正则表达式测试器、带有 PHP、PCRE、Python、Golang 和 JavaScript 高亮显示的调试器。
8. Quant-UX
一套工具即可完成设计、测试和学习！Quant-UX 低代码功能可将原型转换为生产系统。
9. UIdeck
免费 HTML 登陆页面模板、Bootstrap 主题、React 模板、HTML 模板、Tailwind 模板和 UI 工具包。
10. 前端导师
通过构建真实项目提升你的前端技能。在完成专业设计的同时，解决实际的 HTML、CSS 和 JavaScript 挑战。
链接：https://www.frontendmentor.io/
11. PlayCSS
使用纯 CSS 重新创建形状，查看其他作品并投票选出您最喜欢的作品。
12. 字体对
Font Pair 帮助设计师将 Google 字体配对。精美的 Google 字体组合和配对。
13. 代码战争
Codewars 是开发者通过挑战精通代码的地方。在道场练习 kata，发挥你的最大潜能。
14. 网站
在商业、房地产、产品、代理、教育、电子商务、个人和艺术家的网站设计示例中寻找灵感。
15. Remote.co
远程工作：工作、公司和虚拟团队 - Remote.co
16. Web.dev
通过 web.dev 提供的有用指导和分析，在您自己的网站和应用程序上获取网络的现代功能。
17. BundlePhobia
Bundlephobia 可帮助您发现向前端包添加 npm 包对性能的影响。
18. Scrimba.com
Scrimba 是一种快速有趣的编程学习方式！我们的互动课程和教程将教你 React、Vue、Angular、JavaScript、HTML、CSS 等。
19. Dev.to
一个建设性和包容性的社交网络。开源且完全透明。
20.赫罗库
Heroku 是一个平台即服务 (PaaS)，使开发人员能够完全在云中构建、运行和操作应用程序。
21. Animista.net
Animista 是一个可以让您试用一系列可立即使用的 CSS 动画的地方，您可以对它们进行调整，然后只下载您实际会用到的动画。
22. HTTP 状态代码
HTTP 状态代码目录，包含定义、详细信息和有用的代码参考。
23. 编码面试
编程面试所需的一切，尽在一处。每天只需 5 分钟准备，即可轻松搞定编程面试。
链接：https://www.thecodinginterview.com/
24. Learn-anything.xyz
搜索交互式思维导图来学习任何知识。
链接：https://learn-anything.xyz/
25. 响应式应用程序
一种有助于更快、更精确地响应式 Web 开发的开发工具。
26. 色彩思维
一键生成颜色组合。Colormind 使用深度神经网络创建具有凝聚力的配色方案。
27. SEO测试工具
免费的页面 SEO 工具。
28.渲染
Render 是一个统一的平台，可以使用免费 SSL、全球 CDN、私有网络和 Git 自动部署来构建和运行您的所有应用程序和网站。
29. Carbon.sh
Carbon 是创建和分享源代码精美图像的最简单方法。
30. 正则表达式
在线测试您的 Javascript 和 PCRE 正则表达式。
31. JSONLint
JSONLint 是 JSON（一种轻量级数据交换格式）的免费在线验证器和重新格式化工具。
32. W3布局
使用我们免费的网站模板，设计一个美观的网站。我们所有的网页模板都是响应式的，使用 Bootstrap、HTML、CSS 和 JS 构建。
33. Freepik
数百万免费图形资源。✓ 矢量图✓ 库存照片✓ PSD✓ 图标✓ 您的创意项目所需的一切。
34.Mixkit
为您的视频项目提供免费的库存视频素材、库存音乐和 Premiere Pro 模板。
35.取消筛选
去除任何视频的背景 - 100% 自动、在线且免费！告别绿屏，开启无屏时代！
36. 头像生成器
免费的在线头像生成器，任何人都可以轻松制作自己漂亮的个人头像！
37.混音图标
Remix Icon 是一套专为设计师和开发者精心打造的开源中性风格系统符号。所有图标均可免费用于个人和商业用途。
38. 伊科纳特
自定义、调整并下载免费的矢量图标。Ikonate 是一套经过优化、易于访问的 SVG 图标，可轻松用于开发和设计应用程序（例如 Sketch 和 Photoshop）。可直接用作图像、内联 SVG 或 SVG 精灵。
39. 打开涂鸦
人物素描插图库，可免费供个人和商业使用。
链接：https://www.opendoodles.com/
40.风筝
Kite 的 AI 自动补全插件支持超过 16 种编程语言和 16 个 IDE，支持多行补全，让您快速编写代码。100% 本地运行。
41. Devhints
一组荒谬的 Web 开发备忘单。
42. Wappalyzer
了解任何网站的技术栈。根据网站所使用的技术，创建网站和联系人列表。
链接：https://www.wappalyzer.com/
43. Tailwind 组件
来自社区的 Tailwind CSS 组件示例。包括 Tailwind 图表、网格、输入框、表单、模板等等。
链接：https://tailwindcomponents.com/
44. https://www.grammarly.com/
高效沟通。确保你的文字传达出你的意图。每次打字都展现你最好的一面。让你的文字清晰易懂，引人入胜。消除语法错误。轻松提升任何文本质量。
45. 波浪
免费发票和会计软件，带有信用卡处理和工资服务。
46. Clockify
数百万用户使用的时间跟踪软件。一款简单的时间跟踪和时间表应用，可让您跟踪跨项目的工作时间。
47. Untools
收集思维工具和框架来帮助您解决问题、做出决策和理解系统。
48. 免费徽标制作器
使用我们的免费在线应用，几分钟内即可创建自定义徽标。使用 Namecheap 为网站或企业设计您自己的徽标。
链接：https://www.namecheap.com/logo-maker/
49. TinyPNG
让您的网站更快，节省带宽。TinyPNG 可将您的 PNG 图像优化 50-80%，同时保留完全透明度！
50. 1loc
最喜欢的 JavaScript 单行代码。
最初在 Twitter 上创建：
如果您喜欢这篇文章，请务必❤️它。