The act of converting content from its original format into a format capable of being displayed on the web
Manage Multiple WordPress Sites

MooTools

MooTools Category

Simple Website Tour With MooTools — Tour.js

Tour.js is a MooTools library for creating a website tour easily.

tourjs Simple Website Tour With MooTools    Tour.jsTours are created by moving a highlighted box through the elements of a website. The plugin has a number of useful features, such as keyboard navigation, and events for controlling the tour better.

Overall, although this is one of the simplest plugins for creating such tours, I don’t know if another exists for MooTools, and if another exists which is as simple to implement.

A MooTools Mobile Framework — Moobile

Moobile is a mobile framework powered by MooTools.

moobile A MooTools Mobile Framework    Moobile

Moobile’s angle seems to be providing a feature-rich mobile framework with interface and mobile presets — not unlike jQuery for mobile.

It’s a well-timed solution for MooTools devs who might have looked onto other mobile frameworks as their framework lacked the mobile tools that have become crucial with the rise of mobile devices.

TableGear – Ajaxed tables with MooTools or jQuery

TableGear is a software package for working with data on the web. It is designed get your data into a web page, and let you work with it quickly and easily, the way you would in powerful desktop applications like Excel.

TableGear is…

  • …100% XHTML compliant.
  • …designed for PHP and MySQL, but can still be used on other systems.
  • …built on the MooTools Javascript framework.
  • …and now on the jQuery framework as well!
  • …degradable for browsers without Javascript, like mobile devices.
  • …quick, allowing you to be more productive.
  • …customizable, giving you total control over your tables and form elements.
  • …well documented, so you can learn how to use it quickly.

phpthumb4 600x293 TableGear   Ajaxed tables with MooTools or jQuery

The TableGear package has two parts. TableGear.php is concerned with fetching data, formatting it, and getting it into an XHTML table. It also handles submitted data, both from AJAX calls and a standard POST, and returns data to the application. TableGear.js handles the client-side functions that make the tables dynamic including sorting, editing and keyboard shortcuts. These scripts can be used independently, but are designed to be used together.

An Ajax calendar for booking – Ajax Availability Calendar

If you want to build a ticket booking service, or are working on a website for a hotel, you know that a booking — although easy on paper — is a pain to code.

Ajax availability calendar is a painless booking alternative that’s free, even for commercial projects.

calendar An Ajax calendar for booking   Ajax Availability Calendar

The script is very extensive:

  • Includes an administration panel where you can add new languages, booking offers, and also control dates
  • Updates the calendar without reloading the page (Ajax calendar)
  • Styled with CSS
  • Unlimited amount of offer types
  • Support for multiple admins
  • etc

The availability calendar is written upon the MooTools framework.

Basically, this is a very complete script to make writing a hotel/reservation website a breeze.

Nice grids with MooTools – MooGrid

MooGrid is a grid component written upon the MooTools framework.

table Nice grids with MooTools   MooGrid

Although far from a plugin that replaces Excel’s “freeze panes”, MooGrid can come in handy when you need to show large tabular data.

For example, you could use MooGrid for user management and overview.

MooGrid doesn’t have a documentation yet, but it does have options: you can create fixed header, footer, and colums; resize the grid; and even create multiple grids in a single page.

The plugin supports JSON and XML data, and is cross-browser compatible.

MooGrid is a “complicated” plugin, especially in the age of snippets, but it does the job, and does it well.