Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Rooster King: A multimedia zine website collage album memoir thing

roosterking.drewschorno.com

Post reply on HN
Print view View original

11–16 of 16 posts

Re: Rooster King: A multimedia zine website collage album memoir thing

#11

Post by portmantoad »

host0 wrote: post #2

Having a video with a black background inside a container with mix-blend-mode: plus-lighter is an awesome idea! I do not know if this is a common way to have a "transparent" video, but I am definitely going to be using it a lot.

I haven't seen anyone else do it, I feel like browser blend modes in general are kind of not used as much as they ought to be.

I also, on the topic of tech details, make extensive use of the new scroll-timeline stuff which lets you tie CSS animations to the scroll position. it has only landed in chrome at the moment (as of maybe February) so I just use it as a progressive enhancement but it's very cool and performant.

Re: Rooster King: A multimedia zine website collage album memoir thing

#13

Post by rchaud »

sherry-sherry wrote: post #5

This is wonderful. A shining example of how art can be tailored to its medium, and when doing so, elevates both. On a side note: many of the pages on the site — with multiple large images, video, and sound — use 1/4th the data than of a standard article on CNN.com without an adblocker, even some with an adblocker.

I'm starting to think that the magic of the '00s Flash era was not just the tool itself, but also that it existed in an era of the web that wasn't completely deluged with platform ads and affiliate links.

It was content for the sake of content.

Re: Rooster King: A multimedia zine website collage album memoir thing

#14

Post by semolino »

My guess was that feDisplacementMap was used for the ink-gain effect on the About page (try highlighting the text!), but I was delighted to see that it's a combination of CSS blur(), contrast(), and brightness() filters against a tiled blue-noise background.

This level of detail, especially when it's implemented in a performant way, really elevates the webcraft here. To the author: nicely done.

Re: Rooster King: A multimedia zine website collage album memoir thing

#15

Post by timsco »

host0 wrote: post #2

Having a video with a black background inside a container with mix-blend-mode: plus-lighter is an awesome idea! I do not know if this is a common way to have a "transparent" video, but I am definitely going to be using it a lot.

This struck me as well. Flash's video format, .flv was transparent out of the box and we used to do a lot of fun things with video floating over flash things.

When flash met it's untimely death, the advertising creatives that I worked spent 10 years asking for solutions that involved transparent video in html; we had to tell them no.

I hadn't really considered that browser blend modes have turned that party back on.

Post reply on HN