11–20 of 39 posts
Earlier quoted context omitted.
I'm guessing you aren't a programmer then?
You don't have to be a non-programmer to want less code. Some things are much better represented with visual models than text streams.
I was curious as to how this was done, so I took a look at the external JS that CodePen was configured to load. He's using GreenSock[1], which looks like a really cool tool for building rich interactions and animations with SVG+JS in the browser. 1: https://greensock.com/
But it's never got much love outside of Advertising/Marketing circles (was originally a animation toolkit for Flash, now JS) because it was closed source and pay-to-use.
It (probably) is the best animation library out there.
I was curious as to how this was done, so I took a look at the external JS that CodePen was configured to load. He's using GreenSock[1], which looks like a really cool tool for building rich interactions and animations with SVG+JS in the browser. 1: https://greensock.com/
It is. But it's never got much love outside of Advertising/Marketing circles (was originally a animation toolkit for Flash, now JS) because it was closed source and pay-to-use. It (probably) is the best animation library out there.
> was originally a animation toolkit for Flash, now JS
I wonder how difficult that transition was.
Earlier quoted context omitted.
It is. But it's never got much love outside of Advertising/Marketing circles (was originally a animation toolkit for Flash, now JS) because it was closed source and pay-to-use. It (probably) is the best animation library out there.
So it's now open-source? If so, cool. > was originally a animation toolkit for Flash, now JS I wonder how difficult that transition was.
Take a look at his licensing page. [1] Certainly isn't Open Source in the traditional sense and the terms are pretty convoluted; again IMO the reason for it not gaining mainstream developer adoption.
I remember paying a yearly fee ($100?) for their "Club Greensock" membership so I could develop and supply code for clients and be in good standing. Of course the costs involved trying to replicate this toolkit and keep within deadlines made the fee seem very reasonable at the time.
> transition
There was definitely a transition, some Devs might argue it wasn't that painful; but certainly having a JS version of this particular codebase helped immensely, and also proved that we could still do all the "sizzle" we were able to do in Flash now with JS.
The posted example is testament to that IMO. Very smooth :)
Earlier quoted context omitted.
You don't have to be a non-programmer to want less code. Some things are much better represented with visual models than text streams.
Yup. "I design with code" sounds a bit like "I clean floors with a power drill". A powerful tool, indeed, but very ill-suited for that job.
Earlier quoted context omitted.
Yup. "I design with code" sounds a bit like "I clean floors with a power drill". A powerful tool, indeed, but very ill-suited for that job.
Code is perfectly suited to design. What is design if nothing other than patterns. What's code? Patterns.
(Also consider that a typical way of developing a website or application UI involves everything from drawing on paper through painting in Photoshop through building mockups in a graphics-oriented design package.)
I would like to see less code and more of everything else. This is funny though :-)
mainLineMask[0].getAttribute('d'),
mainLine2MaskPath = "M148,122.5c82.2-71.6,377,53.3,504,0C766.5,189.5,65.8,194.1,148,122.5z",
mainLine3Path = "M148,122.1c152.9,62.6,377,56.4,504,0",
mainLine3MaskPath = "M148,122.5c152.9,63.6,377,53.3,504,0C766.5,189.5,65.8,194.1,148,122.5z",
mainLine4Path = "M148,122.1c152.9,62.6,377-83.1,504,0",
mainLine4MaskPath = "M148,122.5c152.9,63.6,377-84.7,504,0C766.5,189.5,65.8,194.1,148,122.5z",I would like to see less code and more of everything else. This is funny though :-)
Yeah, I don't see how this kind of code is helpful for design (taken from the codepen). mainLineMask[0].getAttribute('d'), mainLine2MaskPath = "M148,122.5c82.2-71.6,377,53.3,504,0C766.5,189.5,65.8,194.1,148,122.5z", mainLine3Path = "M148,122.1c152.9,62.6,377,56.4,504,0", mainLine3MaskPath = "M148,122.5c152.9,63.6,377,53.3,504,0C766.5,189.5,65.8,194.1,148,122.5z", mainLine4Path = "M148,122.1c152.9,62.6,377-83.1,504,0"…
It's code all the way down.
I would like to see less code and more of everything else. This is funny though :-)
The vector graphics you see are mathematical models which are 'coded' in a script or a programming language and animated with the help of... again... programming.
I understand the concept of less code and more stuff, but the fact that people are saying programming is not for designing is just simply absurd. The tools on top of which you design convert everything into code.
I'm in no way saying people should stop using these tools or design should only be done through code. But knowing how to visualize things in your mind and materializing that concept through code/programming is beautiful and (in my personal) opinion makes you a better designer.