resources

channels talking about award winning website designs and how to implement them:

• Olivier Larose How Difficult Are These Web Animations?! (TIER LIST)
• Jason Zubiate
• By Huy this site took him 3-4 months

designing for large screens (2k & 4k)

4k screens have a very high pixel density. If a website was shown unsing every single physical pixel, the text and interface elements would be microscopically tiny.

screens are scaled up at the OS level. display scaling
a typical 27" 4k screen defaults to 200% scaling. On the browser, this makes the screen behave as if it were 1920px wide.
a typical 27" 2k screen might have 125% or 150% scaling. On the browser, this makes the screen behave as if it were 1920px wide.

the industry standard in design is to design for 1440p designs
and 475p mobile

The overwhelming standard for web design on large screens is not to make the content wider and wider, but to cap the main content's width and center it on the screen.

• This makes the site readable bc long lines of text are tiresome and makes the user have to turn their head.
• content is focused closer: spreading the content wide makes the site hard to scan.
• asset consistency: it's impractical to make assets that look good at every width (320px-3840px)