Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Matt Lewis
Matt Lewis
5,970 Points

Does anyone know what web technologies are used in these examples?

Browsing around today, I stumbled upon a few sites that I'd like to learn more about the development process that goes into making something similar.

The first is "Diadora - Make It Bright" (http://makeitbright.diadora.com/)

Anyone have an idea of how they implemented the page loads without refreshing? Would this just be AJAX + History API, or is there a new and better way of achieving this effect (Maybe Angular)?

The second is the new Swiss Army Man website. (http://swissarmyman.com/)

I've been wanting to learn a lot more about interactive design like this, but there's so many frameworks and options out there that I don't know where to start. Can anyone tell if they're using three.JS, webGL, HTML Canvas, Unity or something else for this?

If anyone has ideas about this, or can even link me in the right direction to learning some of this, that would be amazing.

Thanks!

1 Answer

Kevin Korte
Kevin Korte
28,149 Points

Built With can help identify some of the technologies used on most sites.

If I were to take a guess, I'd guess the first one is a lot of javascript, and probably web sockets to exchange data back and forth without a page request.

The second one definitely looked to have a bit of webGL going on.

I didn't spend much time on either, but that's my first impression.

Matt Lewis
Matt Lewis
5,970 Points

Thanks! That site really helped with the first one. It was made using Backbone and GSAP. I did some research and found out that the second was made using three.JS if anyone is curious.