Seriously fun exploration.
> Layering. That is an important word.
Layering is also the key to the (silly but also sometimes good-looking) effects from my text shadow project from 14yrs ago: https://paulirish.github.io/mothereffingtextshadow/
I'm embarrassed to admit it took until the final paragraph before realising that 'gypity' is a reference to Chat GPT.
I'm totally down for some good old fashioned impractical hacking. But just remember, we already have canvas, which can do all this easier, faster, and better.
Looking at the music visualizations was definitely cool. Really miss the old winamp days when you could play music and just run the visualizer full screen. I wish that streaming audio players did this today.
But at the end of the day Firefox and Chrome are still rendering 1px box-shadow differently at 150% browser zoom. Best hopes for Baseline 2025.
> It also turns out that some smart people figured out maths hacks to draw rounded boxes for super cheap which UI peeps love because with this hack boxes can be so round as to appear as circles
Any references to learn more about these hacks?
My kind of hackin' Almost like an antichrist to the Josh Comeau posts I've read on the topic https://www.google.com/search?q=josh+comeau+shadows
A great, possibly the greatest article I read this year ended with "your welcome" instead of "you're". Fix asap! Or maybe I didn't get the joke, that's a possibility
For the past 30 years I got good at programming but never really did graphics because I didn't like games. I now view it as a massive oversight and have been trying to catch up for over a year.
So hard.
As usual, when will we get Quake or Doom ray-trace rendered using box shadow?
Well done with writing your experience.
>So you think you know ((CSS FEATURE))?
Why would I know it? It's CSS!
I love this kind of content. It reminds me of the early aughts when folks were doing a lot more of this stuff for fun.
Really great work, especially the music synced animation - could as well also be projected in an electro club
This discussion around adding shadows to window boarders in imgui is also interesting: https://github.com/ocornut/imgui/issues/1329
dgerrells, please add RSS support to your blog!
Instead of animating the color balls to music, it'd be nice if my manipulations of the color balls _created_ music.
He said it might melt your processor... but on a macbook m3 in arc runs great, like every one of those was amazing.
Amazing. Is it possible to tell how much lag these would cause if used on a production website?
THIS IS ABSOLUTELY EPIC, AND MY FAVORITE KIND OF WEB TECH DEEP DIVE! <3 <3 <3
Full color RGB flip dot display!
I know not to use them without much thinking involved.
Solid watch for rolling rocks energy.
Ok this is really cool
This was awesome
[dead]
[flagged]
[flagged]
[flagged]
> However, using a transparent color significantly slowed down the number that can be drawn too which doesn't make as much sense to me. I'd imagine that with hardware today transparency should be somewhat free.
That's because transparency limits how you can batch draws on the GPU. With opaque draws, you can use the depth buffer and draw in any order you like e.g. maximizing batching. With transparency, you need to draw things in the right order for blending to work (painters order).