Bjango logo animation

I’m busy working on a bit of a Bjango website refresh.

As part of it, I’ve revisited the logo, and the logo’s hover state on the web. Here’s the bouncy animation that plays when you hover over the logo with one of those old fashioned computer mouse pointers (who still uses those antiquated things?!).

Technicalities: I’ve experimented a bit with the way this is actually implemented on the site, and settled on using SVG that’s base64 encoded into a CSS file. The CSS file includes all the header and footer SVGs, so it can be loaded separately to the text style CSS and so it’ll be cached by the browser. I don’t know if that’s really smart, or really dumb. The file is about 40k, so it’s not big, given it re-renders at any size.

View all tags
Posted on Mar 19, 2014
Marc Edwards ✎ Bjango
Makers of Snowflake, iStat Menus, and Skala.

More by Marc Edwards ✎ Bjango

View profile