100种不错的免费工具和资源 - iYouPort
100种不错的免费工具和资源
- 免费很重要。好用就更重要了。
这里是一些免费的,且很出色的工具资源。
1. Tabler Icons
免费和开源的图标,设计时注重细节,使您的设计脱颖而出。
2. Remove bg
移除图片背景:100%自动 — — 在5秒内,无需点击,免费。
3. Dev Resources
一个供开发人员使用的协作资源列表,以策划的类别呈现。
4. Blender
免费和开放的3D创作软件。
5. Free Code Tools
免费的SEO和代码工具集。
链接: https://freecodetools.org/
6. Coolors
为您的设计生成或浏览美丽的颜色组合。
7. loading.io
用SVG / CSS / GIF / PNG建立您的Ajax加载图标、动画文本和更多的东西。
8. DevSamples
DevSamples 是一个代码样本的列表,供您根据需要复制和粘贴到您的项目中。主要是Web开发,但也有各种语言的样本。
链接: https://www.devsamples.com/
9. Lorem Picsum
就是您知道的 Lorem Ipsum,但用于照片。
10. Netlify
用Netlify部署现代静态网站。获得CDN、持续部署、一键式HTTPS和所有您需要的服务。免费开始使用。
11. Pxfuel
数以百万计的公共领域的图片,所有的商业用途都是免费的。
12. Font Awesome
世界上最受欢迎和最容易使用的图标集刚刚得到升级。有更多的图标、更多风格、更多选项。
13. GTmetrix
GTmetrix 是一个免费的工具,可以分析您的页面的速度性能。使用 PageSpeed 和 YSlow,GTmetrix 为您的页面生成分数,并提供关于如何改进的可行建议。
14. Resume.com
最好的免费简历生成器。您可以可以建立一个专业的简历,突出您最好的品质,这样您就可以在没有任何支出的情况下找到梦想的工作。申请工作不应该花钱。
15. daily.dev
daily.dev 是保持了解最新的编程新闻的最简单方法。它是一个由庞大的开发者社区排名的文章feed。从顶级科技出版物中获取您想要的任何主题的最佳内容。一体化的浏览器扩展。
16. DevDocs
为开发者提供快速、离线和免费的文档浏览器。在一个网络应用中搜索100多个文档。HTML, CSS, JavaScript, PHP, Ruby, Python, Go, C, C++ … 等等。
17. Feather Icons
Feather 是一个简单漂亮的开源图标集合。每个图标都是在24×24的网格上设计的,强调简单性、一致性和可读性。
18. shortcode.dev
一组有用的片段和代码示例。元素、属性和选择器。
19. Canva
与您的团队一起创造美丽的设计。使用 Canva 的拖放功能和布局来设计、分享和打印名片、标识、演示文稿和更多。
20. Mockuper.net
mockuper,免费的模型生成器,用于创建自定义图像,以展示您的精彩作品。
21. CSS Nectar
CSS Nectar 是一个为网页设计师和开发人员提供的css网站设计展示平台。每天都会选择最好的网页设计并更新进去。
22. BGJar
为您的网站、博客和应用程序提供免费的svg背景生成器。
23. Photopea
Photopea 在线照片编辑器让您编辑照片,应用效果,过滤器,添加文本,裁剪或调整图片大小。在您的浏览器中免费进行在线照片编辑。
24. Vercel
以最佳的前端开发者体验和最高的终端用户性能部署您的项目。
25. Fun-javascript-projects
以实用的、基于项目的方式免费学习Javascript。
链接: https://fun-javascript-projects.com/
26. Flaticon
3743500+免费的SVG、PSD、PNG、EPS格式的矢量图标,或作为ICON FONT。最大的免费矢量图标数据库。
27. Awesome Python
一个精心策划的超棒的Python框架、库和软件的列表。
链接: https://awesome-python.com/
28. CSS Reference
CSS Reference 是一个免费的CSS视觉指南。它以最流行的属性为特色,并以图文并茂的例子来解释它们。
29. Sidebar.io
每天五个最好的设计资源,每个工作日都有。
30. Grid by Example
您在学习CSS网格布局时需要的一切。
链接: https://gridbyexample.com/
31. Heroicons
漂亮的手工制作的SVG图标,来自Tailwind CSS的制作者。
32. Latency
免费的全球延迟性能测试工具。
33. We Work Remotely
设计、编程、营销等方面的远程工作。
链接: https://weworkremotely.com/
34. Unsplash
漂亮的免费图片和照片,您可以下载并用于任何项目。质量比其他同类库存更高。
35. Simple Icons
1400多个流行品牌的免费SVG图标。
36. CSS Stats
CSS Stats 为您的样式表提供分析和可视化。
37. Squoosh.app
用不同的编解码器压缩和比较图像,就在您的浏览器中。
38. Fast design
用于现代网络体验的自适应界面系统。
39. UI Garage
为设计师、开发者提供新的UI灵感和模式,为您的项目寻找灵感、工具和最佳资源。
40. unDraw
具有开源插图的设计项目,适用于您能想象和创造的任何想法。用您喜欢的颜色创建美丽的网站、产品和应用程序,免费的。
41. Figma
作为一个团队打造更好的产品。使用 Figma 在一个地方进行设计、制作原型和收集反馈。
42. Hashnode
Hashnode 是一个免费的内容创作平台和社区,允许您在自己的领域发布文章,并帮助您与一个不断增长的开发者社区保持联系。
43. FreeCSS
Free CSS 有3133个免费网站模板,所有模板都是免费的开源模板或创意共享模板。
44. DrawKit
免费的矢量SVG插图,供您在下一个项目中使用,不需要署名。
45. Public APIs
为开发者提供的1000多个免费开放的 REST APIs 列表,如电影API、动漫API、天气API、音乐API、游戏和漫画API、货币API、体育API、科学API、开放数据API等。
46. CSS.gg
纯粹的CSS图标库,可定制和Retina-Ready,100%由纯CSS、SVG、SVG Sprite、styled-components、Figma 和 Adobe XD 构建。易于集成:嵌入、NPM和API。
链接: https://css.gg/
47. Jr.DevJobs
初级开发人员的工作机会。
链接: https://www.jrdevjobs.com/
48. Notion
一个新的工具,将您的日常工作应用融为一体。它是您和您的团队的多合一工作空间。
49. Compresspng.com
PNG压缩和优化工具,将PNG图像压缩成支持透明度的PNG-8格式。
50. Compressor.io
在线优化和压缩JPEG、PNG、SVG、GIF和WEBP图像。免费压缩、调整大小和重命名您的照片。
51. Caniuse.com
提供最新的浏览器支持tables,以支持桌面和移动网络浏览器上的前端网络技术。
52. Javascript.info
现代 JavaScript 教程:简单但详细的解释,并附有例子和任务,包括:闭包、文档和事件、面向对象编程等。
53. Inovatik
下载为方便定制的HTML模板,为您的在线项目提供动力。
54. 免费提供给开发者
一个软件(SaaS、PaaS、IaaS等)和其他产品的列表。
55. Stormkit
Stormkit 是一个现代 javascript 应用的基础设施提供商,它与流行的Git提供商紧密结合。
56. PythonAnywhere
在云中托管、运行和编码 Python。
链接: https://www.pythonanywhere.com/
57. Regex101
在线正则表达式测试工具,调试器,带高亮显示,适用于PHP、PCRE、Python、Golang 和 JavaScript。
58. Quant-UX
设计、测试和学习于一体的工具 Quant-UX 的低代码功能允许将原型转换为生产系统。
59. Glitch
简单、强大、免费的工具,创建和使用数以百万计的应用程序。
60. Frontend Mentor
通过建立真正的项目来提高您的前端技能。解决真实世界的HTML、CSS和JavaScript挑战,同时按照专业的设计工作。
链接: https://www.frontendmentor.io/
61. Smashing Magazine
为网页设计者和开发者服务。
链接: https://www.smashingmagazine.com/
62. FontPair
Font Pair 帮助设计师将谷歌字体进行组合和匹配。
63. Codewars
Codewars 是开发人员进行挑战的地方。通过训练发挥您的最大潜力。
64. Westryve
找到 PHP, Laravel, HTML & CCS, Python, .NET 等社区。
65. Remote.co
远程工作:工作、公司和虚拟团队。
66. Web.dev
通过 web.dev 的有用指导和分析,在您自己的网站和应用程序上获得现代功能。
链接: https://web.dev/
67. BundlePhobia
Bundlephobia 帮助您发现在前端bundle中添加npm包的性能影响。
68. Scrimba.com
Scrimba是一种有趣的、快速的学习代码的方式。有互动课程和教程教您如何学习 React、Vue、Angular、JavaScript、HTML、CSS等。
69. Dev.to
一个具有建设性和包容性的社交网络。开源和彻底的透明。
链接: https://dev.to/
70. Heroku
Heroku 是一个平台即服务(PaaS),使开发者能够完全在云中构建、运行和操作应用程序。
71. Animista.net
在这里您可以玩一组现成的CSS动画,调整它们,并只下载那些您将实际使用的。
72. HTTP Status Codes
包括定义、细节和有用的代码参考。
73. The Coding Interview
每天只需准备5分钟,练习破解编码面试的难题。
链接: https://www.thecodinginterview.com/
74. Learn-anything.xyz
搜索交互式思维导图来学习任何东西。
链接: https://learn-anything.xyz/
75. Responsively App
一个帮助更快、更精确地进行响应式Web开发的开发工具。
76. Colormind
一键生成色彩组合。Colormind使用深度神经网络创建有凝聚力的色彩方案。
77. teachyourselfcode.io
通过精心策划的视频教程免费学习代码。
链接: https://teachyourselfcode.io/
78. Render
Render是一个统一的平台,可以建立和运行您所有的应用程序和网站,具有免费的SSL,全球CDN,专用网络和自动部署的Git。
79. Carbon.sh
Carbon是创建和分享您的源代码的最简单方法。
80. Regex Pal
在线测试您的Javascript和PCRE正则表达式。
81. JSONLint
JSONLint 是JSON的免费在线验证器和重新格式化工具,JSON是一种轻量级数据交换格式。
82. W3Layouts
免费网站模板设计。这里的网站模板都是响应式的,用 Bootstrap、HTML、CSS和JS构建。
83. Freepik
数以百万计的免费图形资源。矢量图 ✓ 图库照片 ✓ PSD ✓ 图标 ✓ 您的创意项目所需的一切。
84. Mixkit
为您的视频项目提供免费的视频素材、音乐素材和 Premiere Pro 模板。
85. Unscreen
移除任何视频的背景 — — 100%自动,在线且免费。
86. Avataaars Generator
一个免费的在线头像生成器,任何人都可以轻松地制作喜欢的个人头像。
87. Remix Icon
Remix Icon 是一套为设计师和开发者制作的开源中性风格图标。所有图标都可以免费用于个人和商业。
88. Ikonate
定制、调整和下载免费的矢量图标。Ikonate 是一套适应性强的优化SVG图标,可以在Sketch和Photoshop等开发和设计应用程序中轻松使用。可作为图像、内联SVG或SVG精灵使用。
99. Open Doodles
一个免费供个人和商业使用的人物素描图库。
链接: https://www.opendoodles.com/
90. Kite
使用Kite的人工智能自动完成插件,超过16种编程语言和16个IDE,具有多行补全功能,使编码更快。100%在本地工作。
91. Devhints
Web 开发速查表集合。
92. Wappalyzer
找出任何网站的技术栈。通过他们使用的技术创建网站和联系人的列表。
链接: https://www.wappalyzer.com/
93. Tailwind Components
Tailwind 图表、网格、输入、表格、模板及更多。
链接: https://tailwindcomponents.com/
94. Grammarly
有影响力的沟通。确保您所写的一切都以您的方式表达出来。使您的写作清晰而有吸引力。消除语法错误。轻松改善任何文本。
95. Wave
免费的发票和会计软件,具有信用卡处理和工资单服务。
96. Clockify
数百万人使用的时间跟踪软件。一个简单的时间跟踪器和时间表应用程序,让您跟踪不同项目的工作时间。
97. Untools
思考工具和框架的集合,以帮助您解决问题,作出决定和理解系统。
98. Free Logo Maker
免费在线应用,帮助您在几分钟内制作出一个定制的logo。
链接: https://www.namecheap.com/logo-maker/
99. TinyPNG
压缩优化您的 PNG 和 JPEG 图像,让您的网站更快,节省带宽。
100. 1loc
最好的JavaScript单行代码。
文章版权归原作者所有。