Flexbox Froggy VS HackDesign

Flexbox Froggy: Learn CSS Flexbox by playing this game. - Source: dev.to / 3 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 / 5 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: 11 months ago

I recall the HackDesign website/course being great a few years ago! Not sure about now, but used to be free...! https://hackdesign.org/. - Source: Hacker News / 5 months ago

For short-form lessons, applied knowledge, and tooling intros https://hackdesign.org also has a decent set of resources. Source: 12 months ago

What specifically do you want to get better at? Visual design or interaction design? Try these: https://hackdesign.org/ https://www.interaction-design.org/courses/ui-design-patterns-for-successful-software https://www.manning.com/books/usability-matters https://pragprog.com/titles/lmuse2/designed-for-use-second-edition/ https://designcode.io/ui-design-for-developers https://www.learnui.design/newsletter.html... - Source: Hacker News / about 1 year ago

There is also a cool free resource online for learning design - https://hackdesign.org/. Source: over 1 year ago

Hack Design is a design course as well as a curated list of resources and tools: https://hackdesign.org/ It's not limited to web design (though resources relevant to web design make up a large part of the course) but addresses design fundamentals such as colour theory and typography, too. - Source: Hacker News / over 2 years ago