Aplicar efecto resizable con Jquery ui

resizable() es otra de las funciones básicas de Jquery ui, esta función permite cambiar el tamaño de los elementos amoldando sus dimensiones con el ratón, por ejemplo un cuadro de texto, un textarea ... Algunos de los métodos que se pueden aplicar a la función resizable() son los siguientes ...

• animate: true | false -> permite dar un efecto de retardo a las nuevas dimensiones del elemento.
• containment: id del contenedor en el cual se encuentra el elemento resizable
• helper: clase que servirá de guía para el elemento resizable
• ghost: clase que servirá de efecto opaco para el elemento resizable
• maxHeight: integer
• maxWidth: integer
• minHeight: integer
• minWidth: integer

A continuación se puede ver un ejemplo de la utilización de la función resizable() del plugin Jquery UI ...

Ejemplo resizable Jquery UI

CSS ... Javascript ... HTML ...

Resizable