FuzzyBit - blurring the blogs of the web I did some cool coding over the weekend and I did some more yesterday. The unfolding layouts are now live. After some modification of the existing layout plugin, all FuzzyBit layouts will feature the visual effect. The visual effect is nice to watch but it also helps to see how a layout is constructed as it unfolds (or more appropriately, expands, but at this point it’s just semantics). When you look at a more complex layout such as Mario you will see a pixel art image where a row of equal looking pixels are represented by one division of the layout. Neat.
Logo & Branding
Nature of Things
Space Invaders
Mario
Bounds of the Web Page Layout
The effect is triggered when the layout is loaded. I need to tweak it for multiple layouts on one page because only the last layout unfolds. More testing and optimization is required in due course of course.
The unfolding effect was always in the back of my mind’s to do list. I got a chance to use the jQuery library but if it wasn’t for the layout engine I couldn’t generalize the effect for all FuzzyBit layouts. It’s also convenient that jQuery is bundled in with WordPress.
This was an interesting micro-project.