Wave layout in 100 lines of js code with ukijs

Disclamer. Author of this page has no connection to Google. No code from original Wave is used here.

The purpose of this page is to prove that you don't have to use complex frameworks to build layout as complex as this. The only library used here is 21Kb ukijs.

And yes, it's written (images excluded) in 100 lines of code. It took several hours to build. Hours, not months.

Try it:

  • Resize the panels
  • Use tab to focus on search fields and lists
  • Use arrows to navigate through lists
  • Most text is made unselectable (buttons, lists).

PS: and it works in IE and Opera