Google Drive: how to make a similar interface?

Keep it clean but fun.
Post Reply
User avatar
Verahta
Posts: 440
Joined: Wed Aug 24, 2011 1:50 am

Google Drive: how to make a similar interface?

Post by Verahta »

Anyone know what languages/web technologies were used to make the new Google Drive interface? I'm having trouble viewing the page source and 'Googling' about it didn't seem to turn up much. I'm curious how to make something like that, the functionality of it, not the content.

If you don't use Drive and have no idea what I'm talking about, here is a short video clip:
[YouTube]https://www.youtube.com/watch?v=jWvKAYKlnnM[/YouTube]


P.S. I didn't know what section to post this in.
"In order to understand recursion, one must first understand recursion".
User avatar
kaos78414
Posts: 507
Joined: Thu Jul 22, 2010 5:36 am

Re: Google Drive: how to make a similar interface?

Post by kaos78414 »

Looks like you could make something similar leveraging Bootstrap and Angular. There is no catch-all for this, there are loads of tools you could use to accomplish a similar UI.

EDIT: Reread your question, the key part here is Angular. There are a lot of frontend JS MVC frameworks, but they all help to accomplish the goal of creating a "one-page app". There's Angular, Knockout, Ember and to a lesser extent, Backbone. There's also Facebook's React framework - but tbh I have not looked into that one at all.
w00t
User avatar
Jackolantern
Posts: 10891
Joined: Wed Jul 01, 2009 11:00 pm

Re: Google Drive: how to make a similar interface?

Post by Jackolantern »

Yep, this is a SPA (Single Page Application). There are tons of JS client-side frameworks to help achieve this, including AngularJS, EmberJS, Backbone, KnockoutJS, etc. This is a rather complicated one, however, and would take a ton of work.
The indelible lord of tl;dr
User avatar
Verahta
Posts: 440
Joined: Wed Aug 24, 2011 1:50 am

Re: Google Drive: how to make a similar interface?

Post by Verahta »

Thanks guys. Yeah, I was not intending to try to tackle recreating something that complex, just to know what area to study to be able to create something smaller but with a similar type of functionality and interaction with the user.
"In order to understand recursion, one must first understand recursion".
User avatar
Chris
Posts: 1581
Joined: Wed Sep 30, 2009 7:22 pm

Re: Google Drive: how to make a similar interface?

Post by Chris »

To my mind to build something that interactive, you would end up MVVM, maybe a self developed framework but as Jack Stated there are loads of frameworks out there.
Fighting for peace is declaring war on war. If you want peace be peaceful.
User avatar
Jackolantern
Posts: 10891
Joined: Wed Jul 01, 2009 11:00 pm

Re: Google Drive: how to make a similar interface?

Post by Jackolantern »

Almost too many, really. When Backbone really hit the mainstream a few years ago, it really triggered a wave of "me too" frameworks and the space got crowded really fast. There have been a few standouts, like Angular and Ember (because they do some things very differently), and then others that just got popular, like KnockoutJS (because it had Microsoft behind it for a while).
The indelible lord of tl;dr
Post Reply

Return to “Off-Topic”