Flexbox Froggy
CSS Grid Garden
CSS-Tricks
CSSBattle
CodePen
What The FlexBox?!
Tailwind CSS
Knights of the Flexbox Table
Scratch
Code.org
Godot Engine
GDevelop
Unity
Snap
CodeCombat
Invent With Python
Flexbox Froggy ScratchBased on our record, Scratch should be more popular than Flexbox Froggy. It has been mentiond 558 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
Flexbox Froggy: Learn CSS Flexbox by playing this game. - Source: dev.to / 3 months ago
Flexbox is an important topic of CSS and you can learn it by playing a game called Flexbox Froggy. You can easily learn the properties of Flexbox while having some fun. - Source: dev.to / 5 months ago
This started improving for me recently when I spent more time really learning flexbox and flexgrid. They are part of CSS so no installs needed. It’s a different way of thinking but I’m finally good enough with flexbox that I can tell when I need it and make productive use of it. Knowing these patterns makes a difference for me, since now I can assemble the blocks better than before when I’d just try mostly random... - Source: Hacker News / 8 months ago
There are some games which teach them quickly. http://flexboxfroggy.com/ http://flexboxdefense.com/ and https://cssgridgarden.com/ perhaps 1-2 hours to do all three and then layour is a breeze. Source: 11 months ago
Flexbox Froggy, a game to teach you flexbox. Source: 11 months ago
LiveCode is about the closest literal logical successor to HyperCard. https://en.wikipedia.org/wiki/LiveCode?wprov=sfti1 That said, I think Scratch is a better learning environment these days and you can develop workable apps in the style of HyperCard. There are plenty of tutorials, documentation, and examples to work from. https://scratch.mit.edu. - Source: Hacker News / about 1 month ago
And https://codecombat.com, which has been around for a while now. I think this paradigm (navigating a character using "move" function invocations) is good but kind of exhausts its usefulness after a while. I question whether my daughter learns coding this way or just is playing a turn based top down platformer. The most code like thing is when you use 'loops' to have characters repeat sequences of moves. I... - Source: Hacker News / 3 months ago
+1 Scratch! My son started with it, then expanded into Roblox/Lua. Children can download other people's games and experiment there. Scratch also has pre-made art, sounds, music. https://scratch.mit.edu/. - Source: Hacker News / 5 months ago
I am also going to highly recommend Scratch[1]. That is what got me into a programming around that age. You can even help him make a website to host his games on. [1]: https://scratch.mit.edu/. - Source: Hacker News / 5 months ago
This ! Learning to code will come after, spending time with your son writing down ideas might be more fun at first and it's a good time to teach him that games are thoughts first and then coded after. I would have recommended Scratch [1] for a first introduction instead of hoping into code right away, but since he is 9yo he will most likely want to hop on big game engine like he sees his favorite youtubers doing.... - Source: Hacker News / 5 months ago
CSS Grid Garden - A game for learning CSS grid layout
Code.org - Code.org is a non-profit whose goal is to expose all students to computer programming.
CSS-Tricks - CSS-Tricks is a website about websites.
Godot Engine - Feature-packed 2D and 3D open source game engine.
CSSBattle - Play against others in golf with your CSS skills
GDevelop - GDevelop is an open-source game making software designed to be used by everyone.