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.
Google Drive: how to make a similar interface?
Google Drive: how to make a similar interface?
"In order to understand recursion, one must first understand recursion".
Re: Google Drive: how to make a similar interface?
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.
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
- Jackolantern
- Posts: 10891
- Joined: Wed Jul 01, 2009 11:00 pm
Re: Google Drive: how to make a similar interface?
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
Re: Google Drive: how to make a similar interface?
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".
Re: Google Drive: how to make a similar interface?
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.
- Jackolantern
- Posts: 10891
- Joined: Wed Jul 01, 2009 11:00 pm
Re: Google Drive: how to make a similar interface?
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