Tiny Javascript Libraries

I used to do a lot of flash banner ads. Banner ads have tight requirements around file size so as not to bloat the hosting page’s download. With banner ads migrating to HTML this is even more of an issue with often lack of compression. Jack Doyle of Greensock wrote a great article talking about Tiny Javascript Libraries

Scripting SVG in Animate CC

Snap.SVG Animator is a plugin for Animate CC that allows you to design on the timeline and export animated SVG content leveraging the Snap.svg javascript library. If you haven't heard about Snap.SVG Animator, the plugin I made for Adobe Animate CC (formerly Flash). Be sure to check out the original blog post I wrote. The Scripting SVG in Animate CC

Masking in SVG

Masking is really powerful in SVG in fact SVG has it’s own mask element specific to this purpose. <mask id=”myMask”></mask> We can add this element into our <defs> tag and then any content we add inside of it will be used as a luminance mask. So black will become transparent and white remains opaque. Then Masking in SVG

SVG Calendar

Happy New Year! I like to make a calendar for our family each year and doing the layout in illustrator can be rather tedious. So last year I decided to write some code to do it in SVG utilizing Snap.svg. I added a vector illustration noting some of the vacations we had planned for the SVG Calendar

Animate SVG with the Flash Timeline

Here’s an introduction video to Snap.SVG Animator, allowing you to publish animated SVG from the Flash Animation tool. Scalable Vector Graphics (SVG) is a powerful tool in the web developer’s arsenal. But web creators have been rather limited by how they can create and manipulate this content. Vector tools like Adobe Illustrator have been able Animate SVG with the Flash Timeline

SVG Animation with Snap

Adobe recently open sourced Snap, a javascript library for manipulating Scalable Vector Graphics (SVG) on the web. The library was written by Dmitry Baranovskiy, who wrote the popular Raphaël library for vector graphics on the web. The reason for writing a new library was that Raphaël was written at a time when older browsers like SVG Animation with Snap

Graphical Web Experiment

The Quest for the Graphical Web was an experimental presentation I put together with some amazing friends and the team at Adobe to tell the story of how the web is evolving from a graphical perspective. You can watch the full recording of the presentation from the Create the Web event.  A web version can be viewed Graphical Web Experiment