Jatin Rao原文，由New Frontend授权翻译。 最近几个月，我收集了大量可以显著提高开发效率的资源链接。在这篇文章中，我将提到其中的几个。 这些资源对我很有帮助，希望对你也一样。 废话少说，这里有几个很棒的免费资源！HTMLW3C标记验证程序检查网页的标记是否合法。Meta Tags为社交网络和其他网站编辑和生成Meta标签。并预览效果Favicon生成器将JPG格式的GIF、PNG、Image文件转换成ICO格式的CSSW3C CSS验证器，检查CSS文件是否合法。Animate.css跨浏览器css动画效果，即开即用animista按需自定义CSS动画效果CSSeffectsSnippets CSS动画效果集合，单击一个效果将相应的代码片段复制到剪贴板。SpinKit将CSS代码片段集合在一起，实现各种加载效果。CSS minifierOnline CSS代码极度简化/压缩工具JavaScriptJavaScript 30使用原生JavaScript在30天内完成30个项目。Codewars与他人一起完成真正的代码挑战，改进您的技术检测和纠正JavaScript代码的问题。更漂亮的格式化JavaScript代码。我目前从事前端开发工作。如果你现在想学习前端开发技术，如果遇到任何关于学习方法、学习路线、学习效率等方面的问题。入门过程中可以申请加入我的前端学习交流裙3000人:前端:851中间:231最后:348。 有少量初学者裙档正在自学前台。还有少量我在做前台技术期间整理的前台学习手册、前台面试问题、前台开发工具、PDF文档、书籍和教程。如果需要，可以自己下载。 Icons字体Awesome网站开发最流行的图标集Feather的简洁美观的开源图标Ionicons精心绘制的开源图标简单图标常见品牌的SVG图标材质设计图标轻盈美观的符号图标，包括常见操作和事项Tabler图标681可定制的开源SVG图标颜色材质设计颜色材质设计颜色平面UI颜色2 14组配色，280种颜色猎色参考配色免费开放平台， 包括上千种手动选择的配色方案，可以获得配色色彩空间配色方案的灵感，CSS颜色渐变生成工具uiGradients美丽的颜色渐变颜色和字体颜色和字体工具Coolers配色方案生成工具插画Undraw不断升级的精致SVG插画集manypixels free插画集IRA设计通过渐变颜色的混合， 定制插图手绘组件免费插图Lukasz Adam免费SVG插图Blobmaker在线SVG形状生成器Get Waves在线SVG Waves生成器图片Unsplash免费使用图片Pexels美丽的免费图片和视频Burst免费高分辨率图片，ISO Republic，可用于网站和商业目的，使用CC0许可的免费高分辨率图片和视频。 惊人的免费(公共领域)图片的Pixabay和美丽的免费图片的视频网站StockSnap.io，还使用了CC0授权的Photopea在线图片编辑工具。在线图像压缩器支持大量高级功能的在线图像压缩工具，一次可以压缩多达20幅图像。批量调整照片大小是最快的在线图像缩放工具(图像缩放和压缩在本地完成，无需上传到服务器)参考前端开发者手册2019前端开发者手册2019，关于如何学习前端开发实践的全面指南Hacker Rank 2020开发者技能报告Hacker Rank的2020开发者技能报告，116，648名开发者参与了Stack Overflow Developer Survey 2020的2020开发者调查报告，近65，000名开发者参与了HTML的调查重构UI从开发者的角度解释了如何应用特定的策略来设计漂亮的客户界面。Airbnb JavaScript风格指南Airbnb JavaScript风格指南是目前业界最流行的JavaScript代码风格指南。JavaScript和jQuery对JavaScript和JQuery有很好的了解。你不知道JS深刻理解JavaScript语言的核心机制。口才JavaScript是一个面向编程初学者的JavaScript教程。学习JavaScript设计模式Rns JavaScript设计模式，面向JavaScript和jQuery开发者的web内容可访问性指南(wcag)2.1各种让网站更好访问的建议。可访问性NV Access屏幕阅读器ChromeVox Chrome扩展谷歌的Chrome屏幕阅读插件axe Chrome扩展为Chrome开发者工具增加了可访问性测试。插件部署g Netlify，itHub Pages GitHub提供的免费静态网站托管服务，30秒部署你的网站Vercel，快速部署你的网站Surge，只需一个命令就可以在云端发布你的网站Heroku。运行您的应用程序的其余部分web.dev以评估网站性能(基于Lighthouse)Shape Divider工具用于定制各种形状的网站分区SVG GTmetrix网页性能分析工具我可以使用前台技术浏览器支持Carbon code to picture Tools Wappalyzer检测某个网站使用的技术堆栈作者:Le AnCloud链接:https://juejin.im/post/6875943665597546510来源:掘金