It is a tedious task. Expand/Collapse with nested Trees, sorting of Trees, expanding/collapsing of flat data. But I'm here to bring some classes to you to make your life easier. Sounds good? I have released my Sortable Tree class over a year ago and it worked well for me in several projects. I'm currently building a CMS where I need the ability to expand/collapse

I'm very happy to announce today's snippet: The outerClick custom event. It is a special gem by MooTools developer Scott Kyle. I couldn't be more happy to be allowed to release it here. While there is a well-known version of the outerClick event by Jan Kassens, it is also kind of a hack. This new version is dead-simple, elegant and lightweight.

I never expected myself to do that. In any discussion that was coming up I was the one saying "It is not important anyway". And I still think it does not matter in most cases. However, speed can be an issue and I'm going to post a series of posts that will help you increase the performance of your applications heavily. I will do that by either releasing small snippets that can speed up MooTools itself or by posting best-practice examples. The first part focusses on Selectors.

I needed a simple time and date input on a project so I thought about using a mask. I want the user to type "1830" which gets automatically translated to "18:30". While there are two MooTools plugins out there one of them was outdated and I did not like style of the other. So here it his, the MooTools InputMask.

Demo

This is one very powerful yet simple Snippet. It is the first thing I implement on all projects, you can find it in the MooTools FileManager as well as on this website. With this handy Element extension for MooTools you can fade an element in or out once the user enters or leaves another Element. Lets quickly jump to the Demo to see it in action: