Pretty cool! Reminds me of some fun CSS sprite sheet hacks I used a decade ago before the industry moved over to SVG assets. I built this elaborate Gulp workflow that would ingest all the...
Pretty cool! Reminds me of some fun CSS sprite sheet hacks I used a decade ago before the industry moved over to SVG assets. I built this elaborate Gulp workflow that would ingest all the individual PNGs in a directory and run a box-packing algorithm (MaxRects) to cram them all into the smallest possible footprint. I remember poring over all the sprites to figure out which were redundant… often different variants could be represented by a single base sprite and applying different CSS transforms, filters, borders, etc. That probably remains one of my favorite real-world coding challenges of my career.
Pretty cool! Reminds me of some fun CSS sprite sheet hacks I used a decade ago before the industry moved over to SVG assets. I built this elaborate Gulp workflow that would ingest all the individual PNGs in a directory and run a box-packing algorithm (MaxRects) to cram them all into the smallest possible footprint. I remember poring over all the sprites to figure out which were redundant… often different variants could be represented by a single base sprite and applying different CSS transforms, filters, borders, etc. That probably remains one of my favorite real-world coding challenges of my career.
This is one of the funnier hacks I've heard of - all to fix a typo on the title screen of an arcade game at the last minute.