Is there any benefit to using the exact native image size on the web verses an image the scales with the viewports's size? For example, if I have a 1000x1000px 2x image, should I only display it at 500x500px and then use a media query / a different smaller image for smaller screens? Or would the 1000x1000px image scaling to smaller viewports be find? I'm trying to understand the tradeoffs of having a larger image scale with the container since it is less production work and in theory should look good at lower resolutions.

Has anyone had success using Safari Push Notifications to increase engagement? Would I need to implement similar things for Chrome / FireFox? If so, what are their equivalents? My team and I are considering using them to show alerts, I'm curious the general consensus from users about these and if there are success stories using them.

Working on a website and I want to add a light / dark theme. I also want to add a toggle on the page to switch between those two modes. By default, it goes with the system color theme and then overrides are set with localstorage on the color toggle. What is the best way to implement the styles? Is using css vars with a selector between light and dark the best move? Should there be a default styling and then override based on a data attribute on body? (Would this cause flashing on load?) Any advice helps. Thanks in advance!

I'm trying to open a DMG file in Google Chrome and it opens to crazy gibberish and freezes Google Chrome. Oddly, it downloads as normal in Safari. Does this have something to do with the browser or maybe the DMG file itself? Sadly I can't share the specific file.

Thinking of building my first iOS app and was curious the current consensus on using React Native verses Swift / Swift UI for my first app. I've written a few React web apps so have more familiarity there and with the web but want to do it the right way. Any advice would be great!