I’ve been fascinated lately by Edge Animate. Not that I plan on creating awesome animations any time in the future but I love how easy the tool is and I’m fascinated by how I could integrate other client-side techniques along with it. (Or in other words, I like to pretend that in an alternate universe where I also have design skills, I can bring the awesome.)
I was thinking this week about a scenario where a designer has created an EA animation and is working on integrating it in a web site. They’ve done the basics (dropped it in an iframe) and want to do a bit of testing. At this point, they may not be able to make changes in the main tool anymore. What could I do to help them debug/test/etc within the confines of the browser? With that in mind, I decided to build a Chrome extension. My Chrome extension would:
- Notice when an AE animation existed on the page.
- Activate an icon to let users know.