每个 Web 开发人员都需要的资源

我整理了一份清单，列出了多年来帮助我构建个人和客户网站使用的工具。让我们开始吧！与互联网上众多可用于提升网站外观和体验的资源相比，这份清单规模较小。

学习Web开发的网站

• Codecademy
• 奥丁计划
• 前端导师
• JavaScript30
• Coursera
• 可汗学院
• 免费CodeCamp
• MDN Web 文档
• W3学校
• 斯克林巴

学习 Web 开发的 YouTube 频道

• 简化 Web 开发
• 编码器 编码器
• 编码列车
• 免费代码营
• 特拉弗西媒体
• 网络忍者
• 和哈利一起编码（印地语）

* HTML/CSS 模板网站
*

• HTML5UP
• HTML修订版
• 自由CSS
• 模板化
• 免费HTML5
• 启动 Bootstrap
• BootstrapMade
• 靴子观察
• BootstrapTaste
• 克鲁普
• 工具盘
• HTML5xCSS3

要使用的代码编辑器

• Visual Studio 代码 (VS 代码)
• Sublime Text
• 括号
• Vim

JavaScript动画库

• Anime.js：轻量级 JavaScript 动画库。
• ScrollReveal.js：轻松显示进入视口的元素。
• Popmotion：一个功能齐全、灵活的 JavaScript 动作库。
• AniJS：CSS 动画的声明式处理库。
• Wow.js：向下滚动页面时显示 CSS 动画。
• Typed.js：一个类型的 JavaScript 库。
• Velocity.js：加速 JavaScript 动画。
• GSAP：适用于现代网络的专业级动画。

矢量图、图片和插图网站

• Freepik：发现免费的矢量图、照片、PSD 和图标。
• Vecteezy：查找高质量的矢量艺术、图形和插图。
• Unsplash：访问超过一百万张免费高分辨率照片。
• Pixabay：探索庞大的免费图片和视频库。
• Flaticon：下载免费图标，SVG、PSD、PNG、EPS 格式，或 ICON FONT。
• Openclipart：共享和使用免费的剪贴画和图像。
• SVGRepo：免费下载 SVG。
• Vectorportal：免费矢量图、剪贴画和图标。
• SVGBackgrounds：可定制的 SVG 图案和背景。
• FreeDesignFile：高质量的图形设计资源。
• Pexels：查找才华横溢的创作者分享的免费库存照片和视频。
• Vectorian：下载免版税的矢量图、库存照片和素材影片。

希望这些资源能帮助您搭建网站。
感谢您的阅读。下篇博客再见！😊🙌