What is midori?

midori is an ultra-lightweight JavaScript framework that gets the job done without getting in your way.


Top 10 Things you can do with midori:

  1. Use CSS selectors to quickly access matching elements on a page: midori.get('div.serious').apply('className += " fun"') anyone?
  2. Ajax without breaking the back button. People don't like to go back to the homepage after clicking 30 links ("what do you mean they weren't actually links?!"), nor do they like broken bookmarks.
  3. Let midori turn your mother's <ul> lists into spanking new tabs. After all, everybody loves tabs, right?
  4. Drag & drop. Well, even your three year-old knows how to use this one.
  5. Special FX: style.display = 'none' is so yesterday. Use midoriFX.hide() instead.
  1. Pop-up menus: No need to have a mile long navigation. What are pop-up menus for?
  2. Auto complete. Thanks to social networking, everyone on the planet knows about a million people on average now. So, make it easy for them to find the right "John" in your next-gen address book app.
  3. Inline edit. Turn anything on the page into a text box. Click, type, save. Instant gratification!
  4. Table selection. Well, this is a little mundane. But, you really need to select rows sometimes: I want this, this and THIS.
  5. Choose from various DOM, cookie, form, string and array utility methods to get through everyday tasks faster.

All of these in uncompressed 51K. Yes, you've read it right: uncompressed and with spaces used for indenting too.

Download midori v2010.06

What's new:
iPhone/iPad support for midoriDragDrop.

Supports all major web browsers: Internet Explorer 6+, Firefox 1.5+, Safari 3+, Chrome 1.0+, Opera 9+

BTW, if you need a project management app or a good showcase of midori functionality, check out
flow.io: Lean project management based on kanban.