How to setup a Mega Shelf Menu with Morph for Joomla

Learn how to setup a mega menu with a difference, using Morph‘s built in Mega Shelf Menu jQuery plugin. Since nothing like this existed, we decided to write our own jQuery plugin and it is now included in The Morph Framework 2.0.

This is the first in a series of more technical tutorials showing you how Morph can be extended. Once you have completed this tutorial, you should end up with a mega shelf menu like the one demonstrated in this demo.

Click here to view the Mega Menu demo and full tutorial!

---

The Morph toolset for Joomla is available for all Joomlajunkie.com members. If you’re not yet a Joomlajunkie member, sign up here and get full access to to the Morph framework and themelets.

Did you find this tutorial useful? Let us know your thoughts in the comments below. :)

Tags: development, framework, Joomla, jquery, Morph, plugins

New versions of Morph & Configurator

Yesterday we released the latest versions of Morph & Configurator for Joomla to our beta testers. Most of the changes are once again in Configurator, as we needed to fix loads of nagging issues, as well as add a bit of polish here and there.

Unless anything critical is discovered, this will be the last private release before opening the beta to all club members. (more…)

Tags: configurator, framework, Joomla, jquery, Morph

New jQuery plugin targeting usability for password masking on forms

Last month, Jakob Nielsen wrote a blog post titled “Stop Password Masking” – a usability related article on how password masking on web forms, while providing a degree of “over the shoulder” security, is a step backwards regarding usability. Especially with the ever-apparent increase in the use of mobile devices to access online features.

While working on Configurator, the backend UI for our new Template Management System, Morph, we decided on including an option for users to show their password on the login form. This seemingly easy script however was not available as a jQuery plugin, and the only script we could find online used regular Javascript to add a “show password” option to login forms. (more…)

Tags: configurator, jquery, Morph, password, plugins, usability

MarkItUp – A lightweight, powerful and flexible editor engine

Whilst doing my usual rounds on the web this morning, I stumbled across a real gem. This particular gem is a simple (yet incredibly powerful) Markup Editor. You may be thinking that this is another WYSIWYG Editor (What You See Is What You Get), but it is a bit different. With a true WYSIWYG Editor it is exactly that – what your seeing is how your content will look. You don’t actually see the markup (code) that constructs the html output. In the case of a Markup Editor, when you select one of the easily recognizable buttons for H1, H2, H3, Image, Link, etc – it actually outputs the code. You will recognize this behavior from many Forums, which often use BBCode.

A brief history.. (more…)

Tags: development, jquery, plugins, tools of the trade