DEV Community

Cover image for Improving coding skills with games! ๐ŸŽฎ
Marcos Silva for Webcrumbs

Posted on

Improving coding skills with games! ๐ŸŽฎ

Coding is a lot of fun, but imagine having even more fun by coding and playing at the same time! ๐ŸŽฎโœจ In this article, I'm going to share tips on how you can level up your programming skills and have a blast while doing it. ๐Ÿš€๐Ÿงฉ

Css2Wind ๐ŸŒฌ๏ธ

In this game, you get to translate native CSS to Tailwind CSS! ๐Ÿ•น๏ธโœจ Itโ€™s an incredibly helpful tool for frontend developers looking to master Tailwind CSS. You can also share your successes and mistakes on Twitter to showcase your learning journey.
css2wind
css2wind

Blockly Games ๐Ÿงฉ

Imagine solving puzzles, navigating mazes, and even making animationsโ€”all by snapping together colorful code blocks! It's like building with Lego, but for code. Just drag and drop, and watch your creations come to life. ๐Ÿงฉ๐Ÿš€(Recommended for kids)
blocky

Flexbox Froggy ๐Ÿธ

Is an interactive game that teaches you the basics of CSS Flexbox ๐ŸŽจ, a powerful layout tool in web development. The game guides you through various levels where you help Froggy and friends by writing CSS code to arrange lily pads ๐Ÿชท and frogs in different layouts.

Froggy

Top comments (0)