Top all-time · #4247
Thomas Park
Personal blog · thomaspark.co · on HN as thomasparkdesignweb
Thomas Park's personal blog at thomaspark.co covers design and web. Since 2015, 18 different Hacker News readers have linked it 44 times, most often “The Al Jaffee / Mad Magazine Fold-In Effect in CSS”. It is still writing: the last post was on 2025-02-24, and you can follow it by feed.
Too few sampled comments (8) to say how often HN recommends it.?
Why HN links it
HN readers link Thomas Park's blog for its 'relevant xkcd' clone post and a CSS demo of the Mad Magazine fold-in. Commenters also cite his CSS games, Grid Garden and Flexbox Froggy.
Summarised by Claude from a sample of 8 HN comments that link here. Each comment is marked recommending, critical or neutral (citing without judging); how this works.
Thomas Park Product Designer I design learning technologies that help people master complex subjects. I currently work at Archer Review, and previously designed for Drexel University, Mozilla Foundation, University of Pennsylvania's School of Medicine, and the Center for Talented Youth. My spare tim
Most-linked posts?
- The Al Jaffee / Mad Magazine Fold-In Effect in CSS5 people · 5 mentions · first linked 2020-06-08
- Relevant Xkcd4 people · 4 mentions · first linked 2019-02-25
- Relevant XKCD3 people · 3 mentions · first linked 2017-03-04
- Needledrop: A turntable interface for playing music from YouTube2 people · 2 mentions · first linked 2021-03-03
- Rotary: A Retro Web Input for Phone Numbers2 people · 2 mentions · first linked 2016-04-25
What Hacker News says?
I solved this by making a calculator that rounds to the nearest 1/16. Tiny app for Americans doing DIY work around the house: https://thomaspark.co/projects/calc-16/
Comment linking /projects/calc-16/
on ““A calculator app? Anyone could make that””Submitted The Al Jaffee / Mad Magazine Fold-In Effect in CSS as a story · 482 points
HN discussionLovely redesign that addresses usability complaints I had with the old version. In fact I built my own search tool for Google Fonts a few months back because of these issues: http://fontcdn.org Some of my critiques of the old version: http://thomaspark.co/2015/08/a-better-way-to-search-google-f...
Comment linking /2015/08/a-better-way-to-search-google-fonts/
on “Google Fonts Redesigned”Submitted Relevant XKCD as a story · 76 points
HN discussionhttps://thomaspark.co/projects/no-scary-parts/ A Chrome extension that skips creepy scenes on Disney+. Supports the movies you'd expect like Lion King, The Little Mermaid, and Fantasia. Bambi next?
Comment linking /projects/no-scary-parts/
on “Ask HN: What are you working on?”Submitted Relevant Xkcd as a story · 23 points
HN discussionOn a side-note, I made a thing a few years back that does academic papers with CSS, with examples of ACM and IEEE format: https://thomaspark.co/2015/01/pubcss-formatting-academic-pub... https://thomaspark.co/projects/pubcss/demo/acm-sig-sample-we...
Comment linking /projects/pubcss/demo/acm-sig-sample-web.html
on “Show HN: LaTeX.css – Make your website look like a LaTeX document”Submitted The Al Jaffee / Mad Magazine Fold-In Effect in CSS (2020) as a story · 9 points
HN discussionNot a munroe original, but I like this one https://thomaspark.co/2017/01/relevant-xkcd/
Comment linking /2017/01/relevant-xkcd/
on “We Can Do Better Than SQL”Submitted PubCSS: Formatting Academic Publications in HTML and CSS as a story · 5 points
HN discussionThe creator, Thomas Park ( http://thomaspark.co/ ) is also the author of the similar and similarly excellent Flexbox Froggy: http://flexboxfroggy.com/
Comment linking /
on “Grid Garden – A game for learning CSS grid”Submitted Needledrop: A turntable interface for playing music from YouTube as a story · 4 points
HN discussionThe Mad Magazine Fold-In Effect in CSS: https://thomaspark.co/2020/06/the-mad-magazine-fold-in-effec...
Comment linking /2020/06/the-mad-magazine-fold-in-effect-in-css/
on “Foldable Words”Submitted Rotary: A Retro Web Input for Phone Numbers as a story · 4 points
HN discussionRelevant relevant xkcd - http://thomaspark.co/2017/01/relevant-xkcd/
Comment linking /2017/01/relevant-xkcd/
on “Two-finger scroll moves through time instead of space”Submitted Relevant XKCD as a story · 2 points
HN discussionI made a browser extension called No Scary Parts that skips traumatic scenes on Disney+ while trying to hold together a cohesive plot. Mainly for young kids who enjoy the music and other scenes, but aren't ready for the full story yet. https://thomaspark.co/projects/no-scary-parts/ Fantasia was easy. Managed to do The Lion King. Haven't been able to pull off Bambi yet...
Comment linking /projects/no-scary-parts/
on “The original “Bambi””Submitted The Mad Magazine Fold-In Effect in CSS – Thomas Park as a story · 2 points
HN discussionMy kids love Duolingo so I just started turning their spelling lists into this: https://thomaspark.co/projects/cleolingo/ Without Claude so it took much longer than 10 minutes.
Comment linking /projects/cleolingo/
on “Show HN: I turned my kid's worksheet into a math game in 10 minutes with Claude”Submitted Show HN: No Scary Parts as a story · 2 points
HN discussionMandatory xkcd-clone: http://thomaspark.co/2017/01/relevant-xkcd/ Previous discussion: https://news.ycombinator.com/item?id=13793404
Comment linking /2017/01/relevant-xkcd/
on “Thinking About Recursion”Submitted OG Themes as a story · 2 points
HN discussionSince the article has no examples that show how this worked, here's a CSS simulation of two fold-ins for anyone who hasn't had the pleasure of folding the back page of their Mad Magazine : https://thomaspark.co/2020/06/the-mad-magazine-fold-in-effec... (Note the bottom copy before/after as well.)
Comment linking /2020/06/the-mad-magazine-fold-in-effect-in-css/
on “Al Jaffee, King of the Mad Magazine Fold-In, Dies at 102”Submitted Integrating video and web content: Lessons in user interface design as a story · 2 points
HN discussionThere are only two certainties in life: 1. There’s an xkcd for that 2. Simpsons did it https://thomaspark.co/2017/01/relevant-xkcd/ https://southpark.fandom.com/wiki/The_Simpsons_Already_Did_I...
Comment linking /2017/01/relevant-xkcd/
on “Please Pay for a Year of Nothing”Submitted Verifying money inputs on the web a la personal checks as a story · 2 points
HN discussionhttps://thomaspark.co/ My blog and personal projects.
Comment linking /
on “Ask HN: Could you share your personal website here?”Submitted PubCSS: Formatting Academic Publications in HTML and CSS as a story · 2 points
HN discussionYes, they did eventually. If I'm understanding correctly, the original design used a simple funnel shape with 45 degree sides (suitable for the resource-limited systems of the day), and when they eventually re-implemented it they used a funnel defined by the left hand corners of the submenu, as per the Amazon design. (See the large animgif halfway down https://thomaspark.co/2011/10/making-menus-escapable/ )
Comment linking /2011/10/making-menus-escapable/
on “The worst volume control UI in the world”Submitted Closed as Not Constructive: The Top-Voted Discussions on Stack Overflow as a story · 2 points
HN discussion
