Show HN: Twitter Logo MAD Fold-In(brendenhyde.com)
brendenhyde.com
Show HN: Twitter Logo MAD Fold-In
https://brendenhyde.com/foldin/
9 コメント
This is really good, thanks for posting. Actually a very sincere thanks for posting this was very good and a creative breath of fresh air on the internet. The fold ins were always my favorite part of MAD and haven't seen one in such a long long time.
If you’d like a few more fold-ins, this has been posted a few times: https://news.ycombinator.com/item?id=23457930
To the OP, well done. Perfectly topical and “executed”.
To the OP, well done. Perfectly topical and “executed”.
Thanks for the kind words! Your comment made my day. I used to get a kick out of the fold-ins too, and I feel lucky that we live in the Internet Age where I can bet that any idea I have (CSS MAD fold-in) has likely been done better than I'd be able to.
Why is the OP is such a. Light gray as to be high-unreadable?
I really wish HN would stop doing that in ALL cases. It’s a massive accessibility fail.
I really wish HN would stop doing that in ALL cases. It’s a massive accessibility fail.
It's a very very light gray on a solid black background. I don't see how it isn't readable. My browser says it meets WCAG AAA standards as well.
*EDIT:* Nvm, I just realized you were complaining about the text on HN, not the text on OP's site.
*EDIT:* Nvm, I just realized you were complaining about the text on HN, not the text on OP's site.
Wow, when the animation began I got a flood of nostalgia chemicals in my brain.
I was reminded of childhood, a particular smell, a particular moment. Neato.
Thank you!
I was reminded of childhood, a particular smell, a particular moment. Neato.
Thank you!
Very nice. The bird should have had an X for its eye, though.
[deleted]
[deleted]
A MAD Fold-In is a piece of artwork on the inside-back cover of each issue of "MAD Magazine". The main image can be folded to reveal a hidden, secondary image.
I wanted to share my interactive picture with others, but printing a fold-in and mailing it to friends with instructions seemed really hard, so I searched for a digital way to do it.
I found a blog post[2] from Thomas Park where he already did 100% of the work necessary to make a MAD Fold-In using nothing but CSS and HTML and a normal PNG image.
Using Inkscape and some Creative Commons images, I drafted a rough piece of artwork and tweaked it until the CSS folded it nicely.
I wouldn't normally share here, but I think other HN readers may get some utility from seeing and trying out a purely CSS implementation of a MAD Fold-In, even if I didn't write the CSS myself. I'm hoping to start a trend where others make their own fold-ins.
Moreover, Elon Musk picked today of all days to rebrand the Twitter logo as a unicode "X" character (𝕏). So, the Twitter bird really _did_ die today, as happened in my MAD fold-in, making my post somewhat topical and weirdly apropos.
If this post is too off-topic, please feel free to take it down. If it stays up, please let me know what you think. In the event my server goes down, I made a WayBack Machine archive of the site [3].
[1] https://en.wikipedia.org/wiki/Mad_Fold-in
[2] https://thomaspark.co/2020/06/the-mad-magazine-fold-in-effec...
[3] https://web.archive.org/web/20230724221700/https://brendenhy...