Vim Adventures
Vim Awesome
vim.so
CodeCombat
Flexbox Froggy
CheckIO
Vimified
Master Vim
CSS Grid Garden
Flexbox Froggy
CSSBattle
CSS-Tricks
CSS Grid Generator
Tailwind CSS
What The FlexBox?!
CSS Reference
Vim Adventures CSS Grid GardenNo CSS Grid Garden videos yet. You could help us improve this page by suggesting one.
Vim Adventures might be a bit more popular than CSS Grid Garden. We know about 122 links to it since March 2021 and only 99 links to CSS Grid Garden. 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 / 8 days ago
I do not know any for emacs, but for Vim there is one: https://vim-adventures.com/. - Source: Hacker News / 10 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 / 8 months ago
Grid Garden: Master CSS Grid layout by playing this game. - Source: dev.to / 2 months ago
Https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Advanced#the_scope_attribute "CSS grid layout": https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout lists a few interactive resources for learning flexgrid: - Firefox DevTools > INTRODUCTION TO CSS GRID LAYOUT: https://mozilladevelopers.github.io/playground/css-grid/ - CSS Grid Garden: https://cssgridgarden.com/ MDN > "Relationship of grid... - Source: Hacker News / 3 months ago
Grid Garden is another interactive way to learn the grid layout system while having some fun. - Source: dev.to / 4 months ago
Yeah, this is the one I pull up when I need a reference or a quick refresher. When it's been awhile, I play quick run through of the grid garden game: https://cssgridgarden.com/. - Source: Hacker News / 5 months ago
It’s also worth checking out Grid Garden[1] and its companion Flexbox Froggy[2] [1] https://cssgridgarden.com/. - Source: Hacker News / 5 months ago
Vim Awesome - Awesome Vim plugins from across the universe
Flexbox Froggy - A game for learning CSS flexbox
vim.so - Learn vim fast with interactive exercises in the browser
CSSBattle - Play against others in golf with your CSS skills
CodeCombat - Learn programming with a multiplayer live coding strategy game.
CSS-Tricks - CSS-Tricks is a website about websites.