2021完整的 #Web 开发资源
开发商ROADMAPS
Frontend -前端开发路线图。
Backend -后端开发路线图。
React -React开发路线图。
Andriod -Android开发路线图。
DevOps -DevOps路线图。
文档和备忘单
MDN Web Docs -MDN Web Docs网站提供有关Open Web技术的信息，包括网站和渐进式Web应用程序的HTML，CSS和API。
DevDocs- 为开发人员提供的快速，离线和免费的文档浏览器。在一个Web应用程序中搜索100多个文档。
DEVHINTS- 少量的备忘单。
FLEX - Malven -用于CSS flex布局的可视备忘单。
GRID - Malven -CSS网格布局的可视备忘单。
设计工具
Figma -Figma帮助团队从头到尾创建，测试和交付更好的设计。
Adobe XD- 通过外观和感觉像真实事物的设计分享您的故事。线框，动画，原型，协作等等—一切都在这里，一站式完成。
Sketch-使用超过100万人使用的设计平台，从自由职业者到全球最大的团队，创建，制作原型，进行协作并将您的想法变为现实。
Whimsical -以思想的速度进行视觉交流–协作流程图，线框，便签和思维导图。
网络如何运作？
互联网的工作原理视频 -互联网如何运作？
互联网的工作原理简短视频 -关于互联网如何工作的简要说明？
域名解析 -DNS如何工作？
HTTPS -HTTPS如何工作？
HTML和CSS
freeCodeCamp -学习Web开发的免费课程。
Interneting Is Hard -面向完整初学者的友好的Web开发教程。
HTML Elements -由MDN引用的HTML元素。
HTML Entity -CSS技巧的HTML实体参考。
CSS3属性 -MDN引用的CSS。
CSS参考 -CSS的免费视觉指南。
Flexbox Froggy -一款可帮助您学习CSS Flex的游戏。
CSS技巧-Flexbox -Flexbox完整指南。
网格花园-一个学习CSS网格的游戏。
CSS TRICKS - A Complete Guide to Grid -CSS网格的全面指南，着重于网格父容器和网格子元素的所有设置。
学习CSS网格 -Jonathan Suh撰写的综合指南，可帮助了解和学习CSS网格布局。
Can I Use -最新的浏览器支持表，以支持台式机和移动Web浏览器上的前端Web技术。
CSS Effects -CSS动画。
Keyframes-使用可视时间轴编辑器创建基本或复杂的CSS @keyframe动画。
Animista -玩准备好使用CSS动画的集合。
BEM -BEM命名备忘单。
Autoprefixer 一个PostCSS插件，可解析您的CSS并添加供应商前缀。
CSS Formatter- 在线CSS Formatter，CSS Beautifier。
Placeholder -如何使用我们的占位符。只需在我们的URL后指定图像大小，将获得一个占位符图像
开发商ROADMAPS
Frontend -前端开发路线图。
Backend -后端开发路线图。
React -React开发路线图。
Andriod -Android开发路线图。
DevOps -DevOps路线图。
文档和备忘单
MDN Web Docs -MDN Web Docs网站提供有关Open Web技术的信息，包括网站和渐进式Web应用程序的HTML，CSS和API。
DevDocs- 为开发人员提供的快速，离线和免费的文档浏览器。在一个Web应用程序中搜索100多个文档。
DEVHINTS- 少量的备忘单。
FLEX - Malven -用于CSS flex布局的可视备忘单。
GRID - Malven -CSS网格布局的可视备忘单。
设计工具
Figma -Figma帮助团队从头到尾创建，测试和交付更好的设计。
Adobe XD- 通过外观和感觉像真实事物的设计分享您的故事。线框，动画，原型，协作等等—一切都在这里，一站式完成。
Sketch-使用超过100万人使用的设计平台，从自由职业者到全球最大的团队，创建，制作原型，进行协作并将您的想法变为现实。
Whimsical -以思想的速度进行视觉交流–协作流程图，线框，便签和思维导图。
网络如何运作？
互联网的工作原理视频 -互联网如何运作？
互联网的工作原理简短视频 -关于互联网如何工作的简要说明？
域名解析 -DNS如何工作？
HTTPS -HTTPS如何工作？
HTML和CSS
freeCodeCamp -学习Web开发的免费课程。
Interneting Is Hard -面向完整初学者的友好的Web开发教程。
HTML Elements -由MDN引用的HTML元素。
HTML Entity -CSS技巧的HTML实体参考。
CSS3属性 -MDN引用的CSS。
CSS参考 -CSS的免费视觉指南。
Flexbox Froggy -一款可帮助您学习CSS Flex的游戏。
CSS技巧-Flexbox -Flexbox完整指南。
网格花园-一个学习CSS网格的游戏。
CSS TRICKS - A Complete Guide to Grid -CSS网格的全面指南，着重于网格父容器和网格子元素的所有设置。
学习CSS网格 -Jonathan Suh撰写的综合指南，可帮助了解和学习CSS网格布局。
Can I Use -最新的浏览器支持表，以支持台式机和移动Web浏览器上的前端Web技术。
CSS Effects -CSS动画。
Keyframes-使用可视时间轴编辑器创建基本或复杂的CSS @keyframe动画。
Animista -玩准备好使用CSS动画的集合。
BEM -BEM命名备忘单。
Autoprefixer 一个PostCSS插件，可解析您的CSS并添加供应商前缀。
CSS Formatter- 在线CSS Formatter，CSS Beautifier。
Placeholder -如何使用我们的占位符。只需在我们的URL后指定图像大小，将获得一个占位符图像
