Your support helps keep this blog running! Secure payments via Paypal and Stripe.
This is a short post for today. I am teaching CSS to my friend. Learning by reading text is boring, so I asked ChatGPT to give me the CSS games that my friend can learn from. Here are the answers, and those games are working for my friend.
Table of Contents
Coding Fantasy
Coding Fantasy is an innovative platform that transforms the way people learn to code by turning it into a game. The creators of the platform designed it to tackle the common challenges of traditional learning methods, such as passive engagement and a lack of practical application. By incorporating elements of fun and interactivity, Coding Fantasy aims to provide a more effective and memorable learning experience for aspiring coders.
Play & Learn Code with Coding Fantasy
CSSBattle
CSSBattle is an online multiplayer game where web designers and developers compete to recreate target images using the smallest amount of CSS code possible. The platform features daily challenges, battles, and leaderboards, and also provides learning resources to help users improve their skills
Flexbox Froggy
Flexbox Froggy is a fun, interactive game designed to teach CSS flexbox. Players guide a frog to a lily pad by writing the correct CSS code. The game is available in multiple languages and offers various difficulty levels to help users master flexbox properties
Flexbox Defense
Flexbox Defense is a web-based tower defense game that teaches players how to use CSS flexbox properties. The goal is to strategically position towers by applying flexbox properties to defend against enemies, starting with justify-content
Play and Learn CSS with Flexbox Defense
Grid Garden
Grid Garden is a game designed to teach the fundamentals of CSS Grid. Players use CSS code to water and grow a virtual carrot garden, with each of the 28 levels introducing a new concept or property. It is a playful and interactive way to master CSS Grid layout skills
CSS Diner
CSS Diner is an interactive game that teaches CSS selectors. The game presents users with 32 levels where they must type the correct CSS selectors to select items on a virtual table. It’s a fun way to learn how to target different elements using various selectors, including type, class, ID, and pseudo-classes.
These games can be a fun and interactive way to learn and improve your CSS skills. Have fun playing and learning!
Your support helps keep this blog running! Secure payments via Paypal and Stripe.
