Jquery es una de las bibliocas javascript más simples e utilizadas. Crear plugins para esta biblioteca es muy sencillo. Vamos a ver los pasos necesarios: Primero tenemos que incluir la biblioteca jquery en la cabecera. Nos la descargamos desde su web y la añadimos de la siguiente forma: Luego creamos nuestro archivo del plugin, que luego también tendremos que añadirlo en la cabecera para utilizarlo. $.fn.duplicar = function () { this.each(function () { var html = ""+$(this).html(); $(this).append(html); }); } Lo que hace este…

Todos alguna vez, hemos necesitado incluír campos de selección de color (colorpicker) cuando realizamos zonas de administración o backOffice.Está muy pasado de moda y queda demasiado rudimentario incluir campos de texto donde se introduzca el código hexadecimal del color deseado, además, de esta forma es un poco complicado explicar lo qué significa el código #ff0000. Si queremos hacer las cosas fáciles de usar, y proporcionar al usuario algo fácil e intuitivo, hay que incluir una aplicación de selección de…

Todos queremos mejores librerías javascript de gráficos. Dojo tiene una buena opción que es Protovis, y por ahí hay muchas librerías (deja un comentario con tu favorita).La última en aparecer es HighCharts que usa tanto jQuery como MooTools para las tareas JavaScript más frecuentes. Además, Internet Explorer necesita ExCanvas que emula al elemento Canvas.Un ejemplo de gráfica: var chart1 = new Highcharts.Chart({ chart: { renderTo: 'chart-container-1', defaultSeriesType: 'bar' }, title: { text: 'Fruit Consumption' }, xAxis: {…

Viendo la galería de fotos con estilo polaroid que han creado en el blog de Tutorialzine, la cual utiliza jQuery y un mínimo CSS3, que es una sombra "box-shadow" y una rotación que utiliza "-webkit-transform". Así hemos creado una galería de fotos similar pero que únicamente utiliza CSS 3, pero aplicando las diferentes opciones que permite este.El código XHTML creado, únicamente consta de una lista de imágenes (ul > li) con su respectivo pie de imagen: Globos Coche Niebla Molino de viento Bosque La hoja de estilos, la teneis…