#css game

[eggdesign]

Some more progress on my Learn CSS game It's a little tricky trying to figure out

What I want to cover + how much of it

How do I write it in a way that is easy to understand without being overwhelming

How do I incorporate those things into a tamagotchi like story/interface

What do I even want the UI to look like

I'm not sure what the answers to any of those are yet. But it's fun to make

[todorokiscute]

Grid Garden - A game for learning to layout elements within rows and columns with CSS grid

How well can you tend to your carrot garden using CSS grid? In this game, you must water your carrot crops and poison the weeds by mastering CSS grid

That was very very very fun to play with. It was a bit difficult compared to the froggy flexbox game, but I’ve learned new stuff with css grid.

[todorokiscute]

Flexbox Froggy - A game for learning to flexibly align and wrap elements with CSS flexbox

Help Froggy and friends by writing CSS code! In this game, you must bring the frogs home to their lilypads by mastering CSS flexbox

That was really fun!! Didn’t look to any solution on the net and completed the game myself!! There’s a lot of flexbox stuff I didn’t know would be useful, was great.

[gabbibada]

Learning CSS Layout with Flexbox Froggy - Thomaspark

Learning CSS Layout with Flexbox Froggy – Thomaspark

Thomaspark created a game for learning CSS flexbox called Flexbox Froggy. The goal of the game is to help the frogs get to their lilypads by writing CSS code. See if you can beat all the levels!

Flexbox Froggy

Flexbox Froggy takes inspiration from the classic arcade game Frogger, and web literacy games like the brilliant CSS Diner and Erase All Kittens, where you learn about CSS selectors and…

View On WordPress