Matthew Rayfield
matthewrayfield.com · Personal blog · on HN since 2019
Matthew Rayfield makes odd web experiments, such as animations in URL bars, browser-based games, and AI-generated Pokémon sprites.
What HN saysCommenters praise his work as clever abuse of browser elements, call Popup Trombone a work of art, and say it suits HN's interests.
27HN people shared it
6linked it in comments
26stories submitted
853story points
2 years agolast shared
2019people per year2026
Most-shared posts
- 1Animating URLs with JavaScript and Emojis11 people · 772 points · first shared 2019 · 165 comments on HN
- 2Inspect This Snake7 people · 11 points · first shared 2019 · 1 comments on HN
- 3Matthew Rayfield World3 people · 1 points · first shared 2019 · discussion on HN
- 4Games and Graphics in Popup URL Bars2 people · 55 points · first shared 2019 · 5 comments on HN
- 5Popup Trombone2 people · 4 points · first shared 2019 · discussion on HN
- 6AI Generated Pokemon Sprites with GPT-22 people · 3 points · first shared 2020 · 1 comments on HN
- 7Encoding Animated GIFs into Pure CSS1 people · 2 points · first shared 2019 · 1 comments on HN
- 8Popup Match: Popup Experiment #41 people · 2 points · first shared 2019 · discussion on HN
- 9AI Generated Pokemon1 people · 2 points · first shared 2020 · discussion on HN
- 10Bubble Tape Text1 people · 1 points · first shared 2020 · discussion on HN
- 11Gamepad input to 3d printer.js1 people · first shared 2019
What HN people wrote when they linked it
IggleSniggle · 2023-07-10
This is super cool, and reminds me of when I first learned about <summary><details> tags for some reason.
It also reminds me of this, which sadly loses some charm now that browsers seem to love to hide the full URL:
https://matthewrayfield.com/articles/animating-urls-with-javascript-an…
wbobeirne · 2021-10-11
If you enjoy this kind of (ab)use of browser elements, I highly suggest the works of Matthew Rayfield: https://matthewrayfield.com/. Popup trombone is a work of art.
eindiran · 2019-04-21
All credit goes to Matthew Rayfield (http://matthewrayfield.com/). He has some very... interesting projects that should be right up HN's alley.
Code for the project can be found here: http://matthewrayfield.com/goodies/gamepad-input-to-3d-printer.js
nabeards · 2020-11-19
This reminds me of Matthew Rayfield's GPT work to generate Pokémon:
https://matthewrayfield.com/articles/ai-generated-pokemon-sprites-with…
Discussion: https://news.ycombinator.com/item?id=25152764
jwilk · 2019-10-27
They are using location.hash.
history.replaceState() wouldn't break the back button, but apparently history API is throttled in some browsers; see the "One Last Thing" section on https://matthewrayfield.com/articles/animating-urls-with-javascript-an… .