how is it created?

[zoran]

What kind of coding/programming language is used to create Jony Ive's lovefrom website?

 

[it wasnt me]

HTML, because that's what web browsers support. There is no way to find out what's the underlying server-side language.

 

[zoran]

Using Fash would be out of the question?

 

[it wasnt me]

Using Fash (??) is out of the question for what exactly?

 

[hg.wells]

Adobe Flash hasn’t been supported for ages now. It’s likely HTML 5.

 

[it wasnt me]

"HTML 5" is still not a programming language though.

 

[zoran]

Using Fash (??) is out of the question for what exactly?

For making animations. Making animations in HTML5 without a WYSIWYG application, to me kinda seems impossible 😐

 

[it wasnt me]

You can make animations in CSS.

 

[hg.wells]

The LoveFrom site animation is coded in JavaScript if you look at the website sourcecode.

 

[scottrichardson]

I’ll take a look when I get back to my studio. One can often tell what underlying platform is used IF it’s using a common one. Otherwise if it’s fully custom coded, and coded properly, you won’t know what language they used. It could be PHP, Python, or plain HTML. Or it could be fully JavaScript powered. Like I said I’ll take a look when home.

 

[redheeler]

It's using the GSAP framework. I've never tried this.

 

[Hopscotcher]

It's using the GSAP framework. I've never tried this.

That looks really friggin' cool.

 

[tis100]

It's using the GSAP framework. I've never tried this.

I'm not seeing any evidence of that in the source code.

Instead, what they are doing is animating in Adobe After Effects and converting it to the web using Lottie.

For example, the comma animation javascript file has text like "ADBE Vector Graphic - Stroke" and "ADBE Vector Shape - Group", which means they are using an Adobe product.

Then in the main javascript file there is code like:

s = [].concat([].slice.call(document.getElementsByClassName("lottie")[].slice.call(document.getElementsByClassName("bodymovin")))

Which matches the description of Lottie:

Lottie is a library for Android, iOS, Web, and Windows that parses Adobe After Effects animations exported as JSON with Bodymovin and renders them natively on mobile and on the web!

 

[redheeler]

I'm not seeing any evidence of that in the source code.

Instead, what they are doing is animating in Adobe After Effects and converting it to the web using Lottie.

For example, the comma animation javascript file has text like "ADBE Vector Graphic - Stroke" and "ADBE Vector Shape - Group", which means they are using an Adobe product.

Then in the main javascript file there is code like:

s = [].concat([].slice.call(document.getElementsByClassName("lottie")[].slice.call(document.getElementsByClassName("bodymovin")))

Which matches the description of Lottie:

Plenty of hits when searching for "gsap" in the code so they're both in the dependency tree somewhere, although I looked for any dependency of Lottie on GSAP and vise-versa but couldn't find it.

 

[tis100]

Plenty of hits when searching for "gsap" in the code so they're both in the dependency tree somewhere, although I looked for any dependency of Lottie on GSAP and vise-versa but couldn't find it.

My mistake, you are correct.

 

[iHorseHead]

For making animations. Making animations in HTML5 without a WYSIWYG application, to me kinda seems impossible 😐

HTML, Javascript and CSS.