nowfound

Dev tools · July 24, 2023

TL

Twitter Logo MAD Fold-In

I've been watching Elon Musk's takeover of Twitter, and I've even been personally affected by it (negatively), so I wanted a way to vent using open-source software and some very basic art skills. I woke up yesterday with an idea in mind for a MAD Fold-In[1]. 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…

In plain words

Twitter Logo MAD Fold-In is an interactive web tool that recreates the classic MAD Magazine fold-in format digitally. Users can fold a digital image to reveal hidden artwork underneath, made using open-source tools like Inkscape and CSS. The creator built it as a commentary on Elon Musk's Twitter takeover, allowing people to share folding artwork online rather than printing and mailing physical copies. It is designed for anyone interested in interactive art or nostalgic magazine-style content.

written from the facts on this page · September 2026

From the sources

In the maker’s words, at launch

I've been watching Elon Musk's takeover of Twitter, and I've even been personally affected by it (negatively), so I wanted a way to vent using open-source software and some very basic art skills. I woke up yesterday with an idea in mind for a MAD Fold-In[1]. 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...

More dev tools this month

the category →
  • Dograh592

    The open source VAPI alternative

    Dev tools · 25d ago · dograh.com

  • Meridian530

    Don't let your work go unnoticed. Get promoted!

    Dev tools · 20d ago · meridiona.com

  • x1516

    Lovable for iPhone apps go from idea to App Store

    Dev tools · 11d ago · x1.new

  • Open-source GTM skills for technical founders

    Dev tools · 29d ago · gtmcofounder.com

  • OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.

    Dev tools · 1d ago · opentrailpaper.com

  • Nuphos380

    The AI-Native DevOps Workspace.

    Dev tools · 24d ago · nuphos.ai

Launched alongside, July 2023

the whole month →
  • Clustr1,529

    The reality check for your crypto portfolio

    Commerce · 2023 · clustr.io

  • WL

    Hey everyone, I here is a small open-source project I've been working on lately. I'd love to hear your thoughts and improvement ideas :) GitHub: [github.com/Vincenius/workout-lol](https://github.com/Vincenius/workout-lol)

    Dev tools · 2023 · workout.lol

  • HN

    I saw this [0] pretty cool thread by user revskill, and wanted a quicker way to search through it, but also to keep them all in one place so I can read them at my leisure whenever I get time. Right now is like 60 lines of Ruby using Nokogiri, but I will certainly look into it further down the line and improve the list. There's a cronjob checking the thread every 12 hours but I will eventually shut that down and it will become static after that. There are some really awesome blogs in there. I really recommend going through the list, it made my day. [0] "Could you share your personal blog…

    Life & fun · 2023 · dm.hn

  • Lazy929

    Capture at the speed of thought

    AI · 2023 · lazy.so

  • A safe space for your thoughts, private, local, p2p & open

    Commerce · 2023 · anytype.io

  • n8n 1.0788

    Workflow automation for technical people

    Dev tools · 2023 · n8n.io