What online resources (blogs, forums) are worth recommending for excellent HTML&CSS website front-end design?

Preface

Recommend several interesting CSS learning websites and learning-type projects on github~

Website recommendation

1、CODEPEN

The code corresponds to the displayed page. You can find demos written by others above. For reference Code Effect

网址：https://codepen.io

2、Coding Fantasy

Improving CSS through gaming

网址：https://codingfantasy.com/games

3、CSSBattle

Compete with players around the world and earn rewards by solving problems

Location:https://cssbattle.dev

4、CSS Challenges

There are various challenges about CSS, which require you to use CSS to achieve the required effects. Personally, I think this is a good way to practice CSS. It has various difficulty levels. If you are interested, you can challenge it.

网址：https://css-challenges.com

GitHub project recommendations

1、CSS-Inspiration

Star：8.9k

Provides many kinds of cool CSS effects and various layouts. You can start with graphics and customize css style , the website will provide the implementation The code for the layout you need. This way of learning is also very good. You can first understand how each effect is implemented, and then Slowly digest it and turn it into your own knowledge reserve

This is one of the CSS renderings, which is very interesting.

github地址：https://github.com/chokcoco/CSS-Inspiration

官网：https://csscoco.com/inspiration/#/./init

2、You-need-to-know-css

Star：5k

It gives a lot of effects based on CSS, including but not limited to text-related, layout-related effects, etc. that I didn’t know how to achieve in the project at the beginning. Very worth learning

github地址：https://github.com/l-hammer/You-need-to-know-css

官网：https://lhammer.cn/You-need-to-know-css/#/

3、css_tricks

Star：3.8k

Provides many kinds of cool CSS effects and various layouts. You can start with the graphics and customize the css style. The website will give you the code to achieve the layout you need. This way of learning is also very good. You can first understand how each effect is implemented and then use it to implement it. Slowly digest it and turn it into your own knowledge reserve

github地址：https://github.com/QiShaoXuan/css_tricks

Government:https://qishaoxuan.github.io/cs