Vim Adventures
Vim Awesome
vim.so
CodeCombat
CheckIO
Vimified
Master Vim
Screeps
Flexbox Froggy
CSS Grid Garden
CSS-Tricks
CSSBattle
CodePen
What The FlexBox?!
CodeCombat
Tailwind CSS
Vim Adventures Flexbox FroggyBased on our record, Flexbox Froggy should be more popular than Vim Adventures. It has been mentiond 252 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.
It surprises me how few people are aware of https://vim-adventures.com Beat that game and hjkl will feel just as natural as arrow keys, and so will a ton of vim commands. I think the creator does himself a disservice by selling 6 month licenses rather than lifetime. But 6 months is more than enough to play through it. I think it only took me a couple days. - Source: Hacker News / 3 days ago
I do not know any for emacs, but for Vim there is one: https://vim-adventures.com/. - Source: Hacker News / 5 days ago
That’s a good question. The built in tutorial is actually really good, you can launch it with “vimtutor” on the command line. It doesn’t give you everything, but its instructions and text to try things out on in the editor itself, which I find a good way to learn. It isn’t particularly programming focused either. For getting used to the motions especially https://vim-adventures.com can be a fun way, in its game... - Source: Hacker News / 4 months ago
Very cool! As an aside, I've learned so many things via games like this. Including vim (via https://vim-adventures.com/), which I now basically can't live without. - Source: Hacker News / 7 months ago
If you want to become thoroughly familiar with the commands of Vim and remember them forever, there is a browser game that can help you achieve this: https://vim-adventures.com. - Source: dev.to / 7 months ago
Flexbox Froggy: Learn CSS Flexbox by playing this game. - Source: dev.to / 2 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 / 4 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 / 7 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: 10 months ago
Flexbox Froggy, a game to teach you flexbox. Source: 10 months ago
Vim Awesome - Awesome Vim plugins from across the universe
CSS Grid Garden - A game for learning CSS grid layout
vim.so - Learn vim fast with interactive exercises in the browser
CSS-Tricks - CSS-Tricks is a website about websites.
CodeCombat - Learn programming with a multiplayer live coding strategy game.
CSSBattle - Play against others in golf with your CSS skills