jQuery: Plugins de utilidad #1

Buenas buenas,

verán estoy en 2 proyectos ahora y en ambos debe ser indispensable la versión móvil, así que simplemente opté por twitter bootstrap en conjunto con jQuery. Sin embargo, hay ciertos problemas en los que me he visto y he tenido que consultar un poco para poder obtener el/los efectos que se quieren así que en este momento voy a publicar algunas libs de javascript que funcionan en conjunto con jQuery y que me han sido de gran utilidad (y bueno que en lo que mas debo preocuparme es en la funcionalidad así que no me juzguen por andar usando cosas de otros ;) y tan facilitas, pues son para diseño y no puedo perder mucho tiempo en eso).

jQuery UI Touch and Punch

Se requería un drag and drop para organizar unas preguntas (en mi caso), así que opté por usar jquery-ui drag and drop y problema resuelto, solo que en móviles no cumplía con su deber u.u así que encontré este maravilloso complemento jejej, lo único que tienes que hacer es importarlo como script en tu header y listo funciona de maravilla.

Enlace -> http://touchpunch.furf.com/

Bootstrap Datepicker

Bien llego el obviado datepicker en los campos tipo fecha u.u, pues el de jQuery UI con bootstrap se vuelve literalmente mierda ¬.¬ jejej asi que encontré este muy sencillo y funcional ademas se ve muy bien con el bootstrap y puedes modificar los CSS muy facilmente :) su uso... naaa no explicaré el uso, en el enlace a continuación lo encontrarán así como su respectiva descarga

Enlace -> http://www.eyecon.ro/bootstrap-datepicker/

Select2

Este me encantó *0*, es un complemento para convertir los select (o combobox) en un select (wow que cambio ¬¬) CON BÚSQUEDA, jejeej ahora si te gusta? :3 bueno pues se parece también al de jQuery UI el autocomplete combobox, solo que si usas bootstrap se ve muy mal... y este no, ademas del responsive claro esta... y bueno su uso y descarga a continuación

Enlace -> https://ivaynberg.github.io/select2/

Convertir todos los elementos de un Formulario a JSON

Y por último esto no es un plugin, aunque bien podría serlo :), si en algún momento necesitas convertir de manera automática todos los inputs de un formulario en un arreglo en JSON, ya sea para enviar por ajax o porque simplemente asi lo necesitas, pues esta es la solución, simplemente extiende esta función para el jQuery y la usas como te describo a continuación:

Extension de jQuery, debes ponerlo ya sea en un script global o en cualquier otro que se incluya dentro de donde lo necesitas, despues de la inclusion del jQuery

(function($) {
    $.fn.serializeObject = function() {
        var o = {};
        var a = this.serializeArray();
        $.each(a, function() {
            if (o[this.name]) {
                if (!o[this.name].push) {
                    o[this.name] = [o[this.name]];
                }
                o[this.name].push(this.value || '');
            } else {
                o[this.name] = this.value || '';
            }
        });
        return o;
    };
})(jQuery);

Y este es el uso

//Podria usarse en cualquier evento, ejemplo .submit, .click etc
var jsonForm = $('#formulario').serializeObject();
console.log(jsonForm);

Y bueno, aquí ya me despido, al poner punto final.... recibí un abrazo leal del que siem... ups me salí del tema ;) jeje, si encuentro mas pues en una siguiente parte los mencionaré.

Saludos kid_goth