有哪些值得推荐的优秀 HTML&CSS 网站前端设计的网络资源(博客、论坛)?

前言

推荐几个有意思的CSS学习的网站和github上的学习类型的项目~

网站推荐

1、CODEPEN

代码与所展示的页面相互对应,你可以在上面找到其他人已经写好的demo,参考 代码效果

网址:++https://codepen.io++

2、Coding Fantasy

通过游戏的形式来提高CSS

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

3、CSSBattle

与全球的玩家一起竞争,通过解决问题来获得奖励

网址:++https://cssbattle.dev++

4、CSS Challenges

有着关于CSS的各类的问题挑战,需要你使用CSS做出要求的效果,个人觉得这是练习CSS很好的一种方式,它有着各种难度区分,感兴趣的可以挑战一下

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

GitHub项目推荐

1、CSS-Inspiration

Star:8.9k

提供很多种css的炫酷实现效果和各类布局。你可以先从图形出发,自定义 ++css样式++ ,网站会给出实现 ++你所需要的++布局的代码,这种学习的方式也是非常不错的,可以先对于每一个效果的实现方式有所了解,将其慢慢消化转为自己的知识储备

这是其中一个css的效果图,还是非常有意思的

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

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

2、You-need-to-know-css

Star:5k

给出了很多基于CSS做出来的效果,包括但不限于文字相关、布局相关等等一开始在项目中不知要怎么实现的效果。非常值得去学习

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

提供很多种css的炫酷实现效果和各类布局。你可以先从图形出发,自定义css样式,网站会给出实现你所需要的布局的代码,这种学习的方式也是非常不错的,可以先对于每一个效果的实现方式有所了解,将其慢慢消化转为自己的知识储备

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

官网:++https://qishaoxuan.github.io/cs++

相关推荐
程序员爱钓鱼4 分钟前
Go语言泛型-泛型约束与实践
前端·后端·go
前端小巷子6 分钟前
web从输入网址到页面加载完成
前端·面试·浏览器
江城开朗的豌豆6 分钟前
Vue路由动态生成秘籍:让你的链接'活'起来!
前端·javascript·vue.js
晓得迷路了7 分钟前
栗子前端技术周刊第 88 期 - Apache ECharts 6.0 beta、Deno 2.4、Astro 5.11...
前端·javascript·echarts
江城开朗的豌豆12 分钟前
在写vue公用组件的时候,怎么提高可配置性
前端·javascript·vue.js
江城开朗的豌豆13 分钟前
Vue路由跳转的N种姿势,总有一种适合你!
前端·javascript·vue.js
江城开朗的豌豆13 分钟前
Vue路由玩法大揭秘:三种路由模式你Pick谁?
前端·javascript·vue.js
江城开朗的豌豆14 分钟前
Vue路由守卫全攻略:给页面访问装上'安检门'
前端·javascript·vue.js
小磊哥er21 分钟前
【前端工程化】前端组件模版构建那些事
前端
前端 贾公子21 分钟前
monorepo + Turborepo --- 开发应用程序
java·前端·javascript