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…
Tag: svg
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…
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…
Script Analog Game Design with SVG
I have a great passion for games of all kinds. Since I was a kid board games were always something I enjoyed and I even would sketch out and make up my own out of…
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…
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…
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…
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…