Simon Willison's Weblog: gifs

Animating a commit based Sudoku game using Puppeteer

2020-10-09T22:28:53+00:00

Animating a commit based Sudoku game using Puppeteer

This is really clever. There’s a GitHub repo that tracks progress in a game of Sudoku: Anish Karandikar wrote code which iterates through the game board state commit by commit, uses that state to generate an HTML table, passes that table to Puppeteer using a data: URI, renders a PNG of each stage and then concatenates those PNGs together into an animated GIF using the gifencoder Node.js library.

Via @anishkny

Tags: datauri, gifs, puppeteer

Evolution of : Gif without the GIF

2017-12-04T19:28:03+00:00

Evolution of <img>: Gif without the GIF

Safari Technology Preview lets you use <img src="movie.mp4">, for high quality animated gifs in 1/14th of the file size.

Via Malte Ubl

Tags: gifs, safari, video

"I made the first animated under construction icon"

2009-10-15T14:11:53+00:00

"I made the first animated under construction icon"

twoleftfeet on MetaFilter describes how he created the first ever Under Construction animation in 1995, after discovering his server-push animations could be replaced by the exciting new animated GIF.

Tags: animation, gifs, history, internet-history, metafilter, underconstruction

Evil GIFs: Partial Same Origin Bypass with Hybrid Files

2008-07-01T08:58:45+00:00

Evil GIFs: Partial Same Origin Bypass with Hybrid Files

First there were PNGs that had crossdomain.xml files embedded in them, now there are GIFs that contain Java applets (as JAR files). At this point I’d say don’t even bother trying to validate uploaded files, just make sure they’re served off an entirely different domain instead where XSS doesn’t matter.

Tags: applets, crossdomainxml, gifs, javaapplets, pngs, security, uploads, validation, xss