HTML: Mac-like and Windows-like file browser UI

html windows-explorer finder file-manager
themirror picture themirror · Feb 8, 2012 · Viewed 7.8k times · Source

What are the most accurate HTML/JS browser-based "clones" of the OSX Finder file-browsing UI and the Windows Explorer file-browsing UI?

  1. I'm not necessarily looking for any back-end functionality for actually moving/renaming/etc files and folders -- it could just be UI code that alters an in-memory JS object for example. Then I would write the code to actually modify files on a remote host.
  2. I'm not interested in any 'advanced' features of OSX Finder or Windows Explorer like connecting to network hosts or burning discs -- just the basics: copy, paste, move, rename files+folders, create folders, sort entries by filetype/name/modification-date, etc.

Answer

GT22 picture GT22 · Apr 19, 2012

There are some good html/css example here: http://www.alessioatzeni.com/mac-osx-lion-css3

and a few older examples here: http://www.therestartpage.com

Related questions

How to create an HTML button that acts like a link?

I would like to create an HTML button that acts like a link. So, when you click the button, it redirects to a page. I would like it to be as accessible as possible. I would also like it so …

Read More
How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More
How to horizontally center a <div>

How can I horizontally center a <div> within another <div> using CSS? <div id="outer"> <div id="inner">Foo foo</div> </div>

Read More