Smashingmagazine VS HackDesign

Provide the same design in 375. Confused about this width? Nothing fits, right? That's responsive design! that's why mobile sites use hamburger menus. See where I'm going with this? Take a look at smashingmagazine.com and resize your browser window. See how the layout behaves? It does not scale really. It's not that because you are making the window narrower, the things become simply smaller, right? Your job as a... Source: about 1 year ago

My favourite example is smashingmagazine.com. Every element appears or behaves differently depending on the available space. Source: about 1 year ago

Smashingmagazine.com layout does that as poetry. It looks awesome no matter where. It's a humbling moment when you resize your viewport on their page and watch every detail. Source: about 1 year ago

Take a good look at smashingmagazine.com start big, and slowly downsize the width of your browser window. Observe carefully. See that? Take your time! It's an ode to responsive design. Freaking poetry, mate! Every design element reacts and adjusts to create a perfect layout no matter the width. There are no tablet or desktop layouts. Only a graceful adjustment of design elements appearing, disappearing, and... Source: about 1 year ago

On one day I looked into a source code of Smashing Magazine (my number one website for web development news). They made a lot of optimisation works on their end and they understand "a fight" with web metrics and poor core Web Vitals firsthand from their case study. - Source: dev.to / about 2 years 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: 11 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