[TOC]
↗ CSS & HTML UI Design & Frameworks
https://www.joshwcomeau.com/css/interactive-guide-to-grid/ An Interactive Guide to CSS Grid
👍 https://codersblock.com/blog/the-surprising-things-that-css-can-animate/ The Surprising Things That CSS Can Animate
- 先掌握基础，属性能看懂，这里我推荐 MDN 的文档，简单易懂容易上手，先都跑一遍，当然后面的作业有点过时，但是还是可以做的 developer.mozilla.org/zh-CN/docs/Lea…，如果有更好的入门教程，欢迎大家在留言中推荐。
-
学习 Tailwind.css, tailwindcss.com 这步好多人都认为没有必要，但是我是从学习的角度来看的，我觉得 tailwind.css 能从另外一个维度帮你巩固基础知识，学习各种布局的方式，让你更深刻的掌握基础属性。
-
完全仿写一些站点的样式，可以自己写，然后对比对方的实现，从简单的开始，比如博客, 推荐 wordpress 的最新的经典默认主题：
-
再到复杂一点的，tailwind.css 的一个主题：
-
特别注意一些细节：响应式，暗黑模式，CSS 变量的设计，都写完以后就可以出师了。
-
最后，假如你本人关注 UI 设计，关注色彩搭配，关注细节那么会学的更快，会主动的搜集设计，搜集不同的 CSS 效果实现，搜集各种模版。