chrisgannon

I converted them to GIF for portability (and because CB asked for that format).

Yes GIF is horrible but it's a necessary evil in this current social media climate.

Yes Bodymovin is not smooth for every situation. It plays back path data rathe like a sprite sheet (but with data in arrays).

But then Flash wasn't smooth for everyone either. Yes the IDE made creation much quicker but I have developed workflows that almost match that speed.

I usually animate with Greensock and that IS smooth pretty much all the time. But then it's a mature platform so it has had a lot of time to grow up.

I think we're beyond Flash because not only do we have the tools but we also have the experience for what works and what definitely doesn't. Flash was a good example of 'all the gear and no idea'. (I was guilty of this back in the day).

I feel designers are a lot more respectful (timid?) and aware of what they deliver now meaning these tools will hopefully be used in a more responsible way!

As someone who is pushing what SVG can do in terms of interactivity and animation I am saddened to see such a hard working and talented person person like Amelia struggling like this. She has helped me on numerous occasion with various issues over the years and her knowledge of SVG and its quirks and foibles is extensive.

If anyone is questioning the relevance or flexibility of SVG or its ease of use check my CodePen stuff - with a library like Greensock you can do almost anything with SVG http://codepen.io/chrisgannon/

I am a Pro and to legally avoid this I could create pens that are private but then nobody would learn anything from them and I wouldn't get them featured anywhere. So people can use them as long as they include a license which, let me assure you from bitter experience, nobody ever does.

Judging by the fact you said you won't use it, you seem to have a working moral compass - unfortunately you are a minority.

I'm just saying as the original designer/artist I don't give permission, regardless of the MIT license (which I disagree with on CodePen but that's another story).

I can't edit it now

No I don't grant permission sorry. I put stuff out to show off my skills and to help people learn.

It's a toggle. Drag is a no no for something with just two options. UI basics 101.

The first (happy) blink is fractionally slower than the sad blink on purpose. I'm obsessive about details.

Yes you messed up the transform origin.

I started learning SVG going through all the jenkov examples - really great resource. The SVGs I create now are designed to be easy to understand because I wanted to pay it forward. Have a pick through my other pens and maybe my channel http://YouTube.com/+framespark

You're not insulting my work at all :) On the contrary the fact that you're discussing it means you think it worthy of discussion.

But please note that programming mostly definitely is made up of patterns - ask any programmer. It's not absurd, nor a generalisation, it's a fact. If you're interested check these links out: http://code.tutsplus.com/articles/a-beginners-guide-to-desig... https://en.wikipedia.org/wiki/Software_design_pattern

We clearly see design differently then. These lines of code are curved shapes that the bezier line will morph to.

Remember, just because you 'don't see how this kind of code is helpful for design' it doesn't mean that other people share your view. We all see things differently - a good thing to remember especially in these times.

Some people need those visual metaphors in order to create something. There are people who think differently (from you) and a CAD tool would simply be a hindrance. And if the resulting building is top quality why care how the blueprints were made?

Yes it is the best library by a mile and it has got lots of love in the dev/des community. A well maintained, paid library is preferable to a neglected open source library.

I'm fairly shocked too. I appreciate that lots of people don't understand this way of creating stuff but to suggest that programming and design are two separate entities is to deny an exciting approach to design in general.

Code is perfectly suited to design. What is design if nothing other than patterns. What's code? Patterns.

I'm guessing you aren't a programmer then?

The GUI animation is completely coded which is the 'punchline', so to speak.

That's fixed now.

Yes it was my bad - I've added it now. Thanks for pointing that out.

Here's further reading on the effect. I didn't include it because this combination of effects (goo) has been around for a while now and it's boring regurgitating the same explanation over and over. http://tympanus.net/codrops/2015/03/10/creative-gooey-effect...

Are you looking at this http://codepen.io/chrisgannon/pen/QjKXXe ?

There are lots of things I would add to this (and your suggestion is one of them) but I wanted it to run on mobile too - therefore I had to 'feature-cut' where I thought it would have the least visual impact.

What exactly isn't working about it in FF? Blobs not moving? No blobs at all? No graphics showing at all?

Thanks!

Thanks all for testing this on the all the different platforms. Slightly annoyed to hear FireFox is playing up given I've tested it there and it worked for (both Mac and Win 10).

Dead right - JS is needed for the randomness. Plus the fluidity achieved by the GSAP engine is staggeringly good.

When I built this I tested in both FireFox on Mac and Win 10 it works fine. Which platform and version is it not working on?