Software Alternatives & Reviews
Table of contents
  1. Videos
  2. Social Mentions
  3. Comments

Flexbox Froggy

A game for learning CSS flexbox subtitle

Flexbox Froggy Reviews and details

Screenshots and images

  • Flexbox Froggy Landing page
    Landing page //
    2021-10-08

Badges

Promote Flexbox Froggy. You can add any of these badges on your website.
SaaSHub badge
Show embed code

Videos

πŸŽ₯ CSS Flexbox Crash Course: Let's Play Flexbox Froggy (Complete all 24 Levels πŸš€)

Flexbox Froggy

FLEXBOX FROGGY: THE ULTIMATE WAY to learn CSS FlexBox. Reaction and Play-through (Level 1-24)

Social recommendations and mentions

We have tracked the following product recommendations or mentions on various public social media platforms and blogs. They can help you see what people think about Flexbox Froggy and what they use it for.
  • 100+ FREE Resources Every Web Developer Must Try
    Flexbox Froggy: Learn CSS Flexbox by playing this game. - Source: dev.to / about 2 months ago
  • 21 Resources to Learn And Practice Your CSS Skills
    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
  • CSS Is, in Fact, Awesome
    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
  • Go, HTMX, Tailwind, and Javascript | Single Page Applications for Backend Developers
    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
  • Imagines not aligning on the bottom
    Flexbox Froggy, a game to teach you flexbox. Source: 10 months ago
  • youKnowImRight
    Easily the coolest way to learn flex. Https://flexboxfroggy.com/. Source: 10 months ago
  • I'm bad at front-end
    You should check out https://flexboxfroggy.com/ and https://cssgridgarden.com/. Source: 10 months ago
  • I'm bad at front-end
    Flexbox Froggy. The ULTIMATE game to learn flex-box positioning. Source: 10 months ago
  • I'm bad at front-end
    After all the flex-box mentions, if you ever want to get a grasp of how it works, try to complete https://flexboxfroggy.com/ . Back in uni it really helped me understand flex-box layouts and behaviour better. Source: 10 months ago
  • CSS flex for visual speed learners
    Cool! I can recommend https://flexboxfroggy.com too if you like to learn interactive. Source: 11 months ago
  • Is vanilla CSS enough?
    I struggled a lot to understand it, until my former tech lead sent me this: https://flexboxfroggy.com/. Source: 11 months ago
  • HTML & CSS resursi
    Flexbox froggy teaches flex theme in a very entertaining way with 24 different levels. (https://flexboxfroggy.com/). Source: 11 months ago
  • Some tips please
    I think positioning is possibly the hardest part of CSS. Check out flexbox froggy. https://flexboxfroggy.com/ and grid garden for grid https://cssgridgarden.com/. Source: 11 months ago
  • New IKEA website build with Svelte
    At the end of the day it's just CSS layouts with some CSS animation for the menu. Learn about flex, grid layouts and CSS animations. https://flexboxfroggy.com/ is a great way to learn flex and I find CSS-tricks is a good site. Source: 11 months ago
  • I despise css, am I suitable for frontend
    Flexbox for the first 3. https://flexboxfroggy.com/ is a good starting point to get the idea. Source: 11 months ago
  • Advice on getting better at CSS
    Tackle this for a start: https://flexboxfroggy.com/. Source: 11 months ago
  • Autolayout how to level up to expert
    To add to the CSS/HTML chorus, if you're better versed in CSS you'll consider implementation in your decision making and your devs will love you. This game helped me learn flex box. https://flexboxfroggy.com/. Source: 12 months ago
  • Career in Programming/coding at age 35 with no background
    I know a lot of people suggest Flexbox Froggy, you could try that to get into the motion of things! Source: 12 months ago
  • How to leanr CSS the proper way?
    CSS was one of the hardest for me to learn because I viewed it as a bunch of layouts and commands to remember instead of algorithms that are applied to make a certain visual layout. Viewing it as such has helped my mental model. Additionally, I also prioritized learning in this order: 1. Modern layout methods: flex box and grid are the standards these days. You can learn by playing: https://flexboxfroggy.com/ 2.... Source: 12 months ago
  • I was just gifted this book for free, is it still good for learning or is it outdated?
    Once you know just a bit of css, this is a great game for learning more: https://flexboxfroggy.com/. Source: about 1 year ago
  • Advice on improving my css skills
    If you want to learn flexbox specifically, this resource is great: https://flexboxfroggy.com/. Source: about 1 year ago

Do you know an article comparing Flexbox Froggy to other products?
Suggest a link to a post with product alternatives.

Suggest an article

Generic Flexbox Froggy discussion

Log in or Post with

This is an informative page about Flexbox Froggy. You can review and discuss the product here. The primary details have not been verified within the last quarter, and they might be outdated. If you think we are missing something, please use the means on this page to comment or suggest changes. All reviews and comments are highly encouranged and appreciated as they help everyone in the community to make an informed choice. Please always be kind and objective when evaluating a product and sharing your opinion.