On 12/6/23 10:38, Brian E. Lavender wrote:
Top post here! This is a response to the CSS tweaks on saclug.
I looked at cached page and the banner at the top looks smaller. Do you think that was a result of the normalize.css, or is that from the different banner image sizes you put in?
It was to do with the saclug.css actually, I had specified the size of the logo as a fraction of the current viewport width. Previously It was scaled down to a fixed size that was a much smaller than the original image. We were essentially always loading an 800px wide image and then scaling it down a bunch. That seemed a tad wasteful, so through the magic of srcset, the browser determines the resolution of an image it needs for a given area and downloads one juust big enough.
See: https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding...
This cuts down on loading time by always downloading the smallest possible file.
But I actually just learned from reading that article again that I can do something even more clever-er-er and maintain the original behaviour while still downloading smaller files! So I just did that. Pull the repo at your leisure.
You seem to be very good at the CSS. What if we do a meeting on CSS and the saclug site? What do you think?
Sure, we can do that. I can't claim to be an expert, but I have used css to do some truly awesome/horrifying things. Such as implementing an entire spreadsheet with sortable columns and collapsible rows. See attached.
sen-h.
Brian