Archivo de la categoría: JavaScript/AJAX

15 recursos útiles relacionados con jQuery

En esta página podeis encontrar enlaces a 15 recursos de ayuda relacionados con jQuery ideales para empezar una primera toma de contacto, enlaces, artículos realmente útiles, plugins, etc. Algunos enlaces que proponen fueron no hace demasiado mi primera toma de contacto con este espectacular framework.

15 Resources To Get You Started With jQuery From Scratch

Anuncios

jQuery – plugin imgPreview

imgPreview es un plugin para jQuery con el que podremos realizar previsualizaciones de imágenes a modo de tooltip. La forma de uso es sencilla, usamos el tag <a> donde queramos aplicar el tooltip indicando qué imagen aparecerá en el mismo al pasar el ratón por el enlace tooltip:


<a href="https://websenior.wordpress.comg/img/mi-imagen.jpg">tooltip</a>

Disponemos de varias opciones de configuración, como establecer el ancho del tooltip:


$('a').imgPreview({
    imgCSS: {
        width: '200px'
    }
});

En la página oficial podemos documentarnos sobre otras opciones que proporciona el plugin.

Página oficial jQuery imgPreview

jQuery – Efecto esquina doblada

Curioso plugin para jQuery con el que podemos lograr un efecto similar a la esquina de un folio en nuestro website. Incorporamos la imagen sobre la que queremos aplicar el efecto y añadimos el código:

$(document).ready(function(){  
$( '#target' ).fold();  
)};

})

Debemos asegurarnos de disponer de jQuery y de jQuery UI.

The Sexy Curls jQuery Plugin.

Lo vi en Sentido Web.

jQuery 1.3

Tenemos disponible la versión 1.3 de jQuery, popular framework de JavaScript para interactuar con nuestros documentos HTML.

Dentro de las mejoras de esta nueva versión destacaría la delegación de eventos y la mejora en la búsqueda de selectores (punto clave para cualquier framework de JavaScript que se precie) gracias al uso de Sizzle como motor.

jQuery 1.3

jQuery 1.3

jQuery 1.3

jQuery PageSlide

jQuery PageSlide es un plugin para jQuery que permite realizar desplazamientos horizontales de nuestra página (sin crear scrollbar) creando una segunda zona de visualización, la ventaja es que esta zona puede mostrarse/ocultarse por el usuario con un código realmente sencillo y a diferencia de otros plugins como LightBox, el contenido principal no deja de perder su importancia al oscurecerse.


$('a.pageslide').pageSlide({
            width: "300px"
        });

Web de jQuery PageSlide

Repositorio de código Javascript / AJAX

Ajaxrain es un importante repositorio de código JavaScript, en la mayoría de los casos haciendo uso de AJAX.

Podemos colaborar con nuestros scripts propios si lo deseamos.

Ajaxrain.

Mostrar código fuente en HTML / XHTML

Habremos visto en muchas webs y blogs de wordpress (en este mismo también) que algunas veces se muestran en webs código fuente con un estilo elegante y práctico, puesto que muestra barras de scroll y funcionalidades como copiar al portapapeles, abrir en otra ventana, numeración de líneas, y visualizar mejor o imprimir.

Syntaxhighlighter

Syntaxhighlighter

Hay un código que podremos incluir en nuestros proyectos. Este código se llama Syntaxhighlighter, ha sido creado por Alex Gorbatchev, y es 100% JavaScript.

Desde el siguiente enlace podremos descargarlo y obtener más información:

Syntaxhighlighter.