My apologies for being off-topic, but it's been a long time since a website made my jaw drop with its design. So simple, nothing extra, beautiful. The images and illustrations carry it so well. Also, there are multiple cover images per issue and a random one is shown on each page visit. And the typography-- I love everything about it. Makes me miss web dev.
edit: the typography combo is different for every article whaaat
> So simple, nothing extra, beautiful. The images and illustrations carry it so well.
The image I was shown under the introduction was a 4.1 MB PNG despite appearing to be more or less black-and-white and being scaled down considerably. To my mind this sort of thing is very much "extra" for a think piece; I have no idea how that image is supposed to relate to the topic of the article.
A quality=90 jpeg exported from GIMP is ~1.4 million bytes and not obviously visually different. (Test process was loading original image into one Firefox tab, and quality=90 jpeg image into another, holding Ctrl+PgDn to flip between them quickly, and looking at the screen with my eyes to see if any obvious differences leapt out.)
quality=20 (~0.32 million bytes) wasn't obviously different either.
quality=10 (~0.21 million bytes) was noticeably different. And, on second glance, the obviously different areas were actually slightly different in quality=20 too.
I didn't do any more tests. So, they could have made the image less than 10% the size, I guess - but, they can probably afford the bandwidth, and the thing needs to end up fully uncompressed at some point anyway just so that it can be displayed on screen. It's not even like 4 MBytes is a lot of memory nowadays.
So if you scroll past the header it is just text with good typography and contrast. But also there is the left side “scroll bar” on mobile. It shows you how far along in the article you are but doesn’t let you drag-scroll using it. Which is hilarious because essentially this is exactly like HTML/the browser as it was envisioned originally. It’s almost like thought went into the original design.
It's flair but I like it in this case. It would be nice if the scrollbar were styleable cross-browser with CSS but until that becomes possible, custom ones like this can also show anchor points, and in this case your own highlights (which is also a neat feature, given that it save to local content and doesn't need an account)
edit: the typography combo is different for every article whaaat
reply