不定期分享一些前端相关不错的资源学习网站 欢迎提PR

前置知识

• 直面JavaScript中的30个疑难杂症-视频
• 全方位入门git-视频
• Git 在线入门教程

CSS

• 30秒实用css片段

• 在线css编辑社区codepen

• flex青蛙小游戏

• loader大全

• tailwind 组件

• CSS工具

• 可视化border-radius边距工具

• 可视化clip-path图形编辑工具

• 可视化分割线编辑工具

优秀动画库

• hover动画
• 纸屑烟花
• animate.css
• 打字效果
• 颜色渐变动画
• 强大动画库 animejs
• 专业的js动画库 gsap
• 滚动作出反应
• 界面动画
• 落地页组件
• 用户界面
• 丝滑的微交互动效

JavaScript

• proxy-www
• javascript 的 12 个怪癖（quirks）
• 30秒实用js片段
• github-js排行
• 阮一峰的ES6标准入门
• 可视化 JS EventLoop 中的执行栈、任务队列
• JSConf
• JavaScript心智模型
• awesome-javascript
• 纯前端打包下载

优质文章

• 你可能不知道的前端知识点
• 前端资源
• 收集优质的中文前端博客（不定期更新中）
• 手写cli工具开发
• 所有请求放一个文件管理
  • 关键词 ：axios封装，接口统一管理。
• 前端无痛刷新Token
• Webpack 设置环境变量的误区
• 以前端架构师身份，从零开始搞事搞事搞事

社区

• stackoverflow
• 掘金
• NODE中文社区

插件

• vue3列表拖拽排序插件
• 滚动动画
• 文字特效

静态网站生成器

• docusaurus
• vuepress

工具网站

• 图片压缩

• 渐变背景

• 免费网站模板

• 前端在线开发工具(stackblitz)

• 免费的素材

• 免费svg素材

• 免费素材

• 网站模板

• yeoman打造自己的项目手脚架

• 免费商用字体

• git格式转换

• 一个免费的网站SEO检查和建议工具

  模版

• 免费sass模版