Question: when first the browser is loaded in “wide” mode, large logos are loaded. Afterwards, when the browser is shrinked to 499px, the small logos load and replace the large ones.
What if i would like to keep the already loaded large files in such a scenario (not to download additional images)?
Hi @ncv239, and thanks for sending in your code. This looks pretty much perfect - well done on some great work.
As for the large/small images thing — the idea is that a standard web user (i.e. not a developer) would go to a web site on their chosen device, e.g. a phone, or a laptop. If they are looking at it on their phone browser, only the small images load, and they don’t have to waste bandwidth loading the large images. If they are looking at it with a laptop, they will probably have their browser set to a reasonable wide viewport, so will only load the large images, and not the small ones.
Web users are very unlikely to load a site up and resize their browser to a narrow window. It’s only really designers/developers that commonly do this.
I would disagree about standard web-user experience you describe.
I think that whenever a user “works” with the information (text/condition comparison, working with definitions, translating, copy-pasting etc.) and not simply consumes the content, it is quite common that the browser is used in split-screen mode (50% browser with source, 50% “working area”). In this case the browser, which is usually used in a full-screen mode, is shrinked to 50% width.
Perhaps yes, but I was more thinking of pure consumers — folks that don’t regularly do work on a computer.
In any case, a better answer for me to give would concern mobile browsers loading the smaller images — you don’t resize their viewports, and they are really where responsive images become useful.