DEV Community

Cover image for 10 amazing games to learn CSS

10 amazing games to learn CSS

Chris Bongers on March 07, 2022

Learning CSS can be quite a challenge. There are no shortcuts, and you will have to get your hands dirty and dive into the magical world of CSS. B...
Collapse
 
grahamthedev profile image
GrahamTheDev

Well I was zipping through flexbox froggy all proud of myself...then level 24 and honestly, it took my like 5 minutes lol!

Thanks for the annoying reminder that I need to spend more time practicing my CSS skills! 🤣

Collapse
 
dailydevtips1 profile image
Chris Bongers

Lol I think that level is famous for doing that 😂
There are whole reddit posts about it

Collapse
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳

This games are awesome no dought but real learning is very different. Games can't replace it :)

peace.
atulcodex

Collapse
 
dailydevtips1 profile image
Chris Bongers

Not sure I agree, it's a different way of learning and it really depends on what works for a person.

Collapse
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳

Oh man, you are a knowledgeable person :)

Collapse
 
robsonmuniz16 profile image
Robson Muniz

Hey DEV, nice 💡content, thanks for sharing it🙏🏻!

Collapse
 
dailydevtips1 profile image
Chris Bongers

Glad you liked it 💖

Collapse
 
robsonmuniz16 profile image
Robson Muniz

Yes, I loved it!

Collapse
 
star_trooper profile image
Atharva Shirdhankar

Awesome 💯

Collapse
 
dailydevtips1 profile image
Chris Bongers

Happy you enjoyed this 💖

Collapse
 
andrewbaisden profile image
Andrew Baisden

These look really cool!

Collapse
 
dailydevtips1 profile image
Chris Bongers

They are, and super fun

Collapse
 
ljmassive profile image
ljmassive

This was really fun, had a nice afternoon playing some guilt-free games!

Collapse
 
dailydevtips1 profile image
Chris Bongers

Nice! Glad you enjoyed them

Collapse
 
mahmoudessam profile image
Mahmoud EL-kariouny

Thanks for sharing these amazing websites 💖🙏🏻

Collapse
 
dailydevtips1 profile image
Chris Bongers

Super happy you like the article, did you get a chance to try some of them?

Collapse
 
grampasteve profile image
Stephen

would it be possible to get the code for some of these games as I enjoy rebuilding things to practise typing my code

Collapse
 
dailydevtips1 profile image
Chris Bongers

Not sure, some are build as a paid system but you might be able to find some of the smaller ones.

Collapse
 
stephen_connor_fa8de68c67 profile image
Stephen Connor

That would be great if you could thanks

Thread Thread
 
dailydevtips1 profile image
Chris Bongers

I know Ania does a lot of games, you might find it interesting to follow these.
youtube.com/watch?v=lhNdUVh3qCc

Collapse
 
grenmonika923 profile image
grenmonika923

Good day! Very interesting. Thank you.

Collapse
 
timhuang profile image
Timothy Huang

So interesting to learn CSS. Thanks for sharing.

Collapse
 
dailydevtips1 profile image
Chris Bongers

It's a fun way of learning it, glad you enjoyed it 🙌

Collapse
 
dailydevtips1 profile image
Chris Bongers

Some are fairly new, even if you know these concepts they are fun to play one evening 🙌

Collapse
 
kacmadushan profile image
K.A.C Madushan

Thank you Chris Bongers. It's awesome

Collapse
 
dailydevtips1 profile image
Chris Bongers

Thanks, glad you enjoyed it

Collapse
 
itsroshan137 profile image
Roshan Bhandari

Thumbs up

Collapse
 
sheriffderek profile image
sheriffderek

I think these layout games are really fun - as games.

But I've talked to hundreds of developers who have played them a lot, but haven't had enough real-world experience to really get how to use the concepts in their own projects. I'm sure it works for some people - like any gamified system. CSS Speedrun was pretty fun. But again, I've rarely used selectors like that in real life.

Nothing helps you learn CSS like finding a site that excites you - and rebuilding it (probably also making it more responsive too). I'd consider these to be distractions that will ultimiatly slow down the learning process for most people. (just my opinion of course)

Collapse
 
porzawk profile image
porzawk

Nice! Thanks for sharing.

Collapse
 
dailydevtips1 profile image
Chris Bongers

Glad you enjoyed this