Flexbox Froggy
CSS Grid Garden
CSSBattle
CSS-Tricks
CodePen
What The FlexBox?!
CodeCombat
CSS Grid Generator
Built for Mars
Uxcel
UX Challenges
UI Coach
uxtoast: Learn UX Design
Muz.li
Weekly UX Exercise
Design Courses Tab
Flexbox Froggy Built for MarsThis tool is recommended for web developers, designers, and students who are beginners in CSS and Flexbox or those who want a fun way to strengthen their understanding of these concepts.
Based on our record, Flexbox Froggy seems to be a lot more popular than Built for Mars. While we know about 265 links to Flexbox Froggy, we've tracked only 7 mentions of Built for Mars. 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.
At one time, I was building a lot of mini web apps, and they all have one single common element — a grid. You might be wondering, why not Flexbox? It was new at the time, and it seemed to work well, but it also brought more complexity. Even now, I still don’t fully get it, though I completed this cute gamified tutorial. - Source: dev.to / 17 days ago
I'm a frontend developer, and the following project is inspired by the game Flexbox Froggy. - Source: dev.to / 2 months ago
Flexbox Froggy Flexboxfroggy.com Fun and Interactive game to learn Flexbox. - Source: dev.to / 3 months ago
If this accepts Firefox and Safari then it could be a great addition to "intro to web dev" tutorials CSS Flex https://flexboxfroggy.com/ CSS Grid https://cssgridgarden.com/ CSS selectors https://flukeout.github.io/. - Source: Hacker News / 4 months ago
I also learned about flex and how children elements interact with their parent, as well as the different ways to align the content. I played quite a bit of Froggy Flexbox too! 🐸. - Source: dev.to / 4 months ago
Maybe I’m looking in the wrong places but I’m tired of seeing numbered lists of “Design trends to look out for in 202X” with 4 sentences of text between them. I crave longer forms of writing that explains the design aspect of this field. (The only resource I’ve found satisfying was Built for Mars ). Source: over 2 years ago
Some other recommendations: Don’t Make me Think and Rocket Surgery Made Easy by Steve Krug https://builtformars.com/ UX case studies https://www.nngroup.com/ UX analyses and articles Coursera has some UX courses you can audit for free. - Source: Hacker News / over 2 years ago
Consider that even if you don't have a big portfolio of work, you can do analysis of existing apps / websites / experiences, even a game. Take a look at the case studies here: https://builtformars.com/. Source: over 2 years ago
You might enjoy these case studies: builtformars.com They are slides + articles instead of video but very interesting and entertaining. Source: almost 3 years ago
There are also nice walkthrough websites you can learn a lot from: Growth.design Built for Mars. Source: almost 3 years ago
CSS Grid Garden - A game for learning CSS grid layout
Uxcel - The easiest way to learn UX/UI design
CSSBattle - Play against others in golf with your CSS skills
UX Challenges - Done reading about UX? Start doing it.
CSS-Tricks - CSS-Tricks is a website about websites.
UI Coach - Become a better UI designer in 30 days