ARTEgami » Javascript

Sliders para jQuery, 180 ejemplos diferentes

Maiden — Sat, 04 Feb 2012 18:29:26 +0000

La librería de JavaScript “jQuery” es el complemento perfecto para el diseñador web de hoy, al usarla le daremos una imagen mas moderna a la estructura de nuestros diseños, obteniendo acabados mas profesionales, con lo cual seguramente llenaremos los ojos del cliente en la primera impresión. Si estas aburrido o cansado de lo mismo en este articulo te dejamos varios ejemplos para hacer Sliders para jQuery.

HTML5 jQuery Slider

Este Slider con jQuery no cambia de imagen automáticamente, solo lo hace cuando presionamos con el puntero sobre las fechas de atrás y adelante, ideal para los que tienen gustos minimalistas.

Nivo Slider

Nivo Slider a diferencia del anterior ejemplo presentado, este si cambia de imagen cada determinado tiempo con un hermoso efecto de transición -haciendo más atractiva su presentación-, si no eres de esperar al presionar sobre las flechas en los lados cambiaras a la imagen siguiente, pensada especialmente para una galería de imágenes con jQuery.

jQuery image gallery

Pikachoose se diferencia de los dos anteriores ejemplos por presentarnos un slider con jQuery sin flechas para cambiar de imagen a otra, haciendo aquella función las miniaturas de imágenes que se muestran debajo de ella.

Recursos así son imprescindibles para todo diseñador web, apenas les hemos mostrado parte de los sliders para jQuery, si quieres tener los 180 ejemplos como aprendizaje, al final te dejamos un enlace con la fuente del articulo donde encontraras cada uno de ellos con su ejemplo y descarga respectivo.

Enlace: TripwireMagazine

Galería de imágenes con jQuery

Sol — Sat, 28 Jan 2012 00:30:37 +0000

Hoy en día una herramienta muy importante en el mundo del diseño web es jQuery. Con este podemos lograr excelentes efectos, de aspectos muy profesionales para las galerías de imágenes o menúes.

En esta ocasión les traemos una galería de imágenes con jQuery que en realidad es un 10 en 1 ya que en el sitio podemos ver los 10 diferentes efectos que posee esta galería de imágenes con jQuery.

Abajo de la foto de muestra les dejamos el link para descargar el archivo que contiene esta increíble galería de imágenes con jQuery

Descargar

Fuente: El Blog de Sol

30 Tutoriales para crear Tabs usando jQuery

Maiden — Sun, 04 Dec 2011 22:14:23 +0000

Usar la librería jQuery al estructurar el cuerpo de nuestra programación web, le brinda un bonito acabado haciéndolo lucir más profesional a comparación de mostrarla sin ella, poniendo un ejemplo común, no sé si habrás visto la estructura de las páginas de películas para ver online, seguramente que si… Cuando reproduces alguna película, esta aparece en partes o bien en diferentes servidores para poder observar la película, pero si te fijas bien se encuentra organizada en pestañas; opción 1, opción 2, etc. Esas pestañas no son más que las famosas jQuery Tabs acompañados de CSS para obtener un mejor acabado.

Alguna vez me llego a interesar esta librería para un proyecto, recuerdo haberla guardado en favoritos cuando la encontré y hoy vengo a compartirles la recopilación de 30 Tutoriales para crear Tabs usando jQuery por webdesign14, al visitar el enlace podrás encontrarte con 30 estilos diferentes para usar Tabs, luego de ingresar a cada uno de los tutoriales podrás descubrir la forma en la que están estructurados, además de los elementos que se usaron para hacer la explicación, en algunos hasta podrás descargar el source completo si eres novato en esto te será de mucha ayuda, aunque sería mejor que sigas la estructura paso a paso para poder aprender correctamente.

Animated Tabbed Content With jQuery

Create a smooth tabbed menu in jQuery

Simple Tabs w/ CSS & jQuery

A continuación tienes el enlace para poder ver los demás estilos para crear tabs usando jQuery:

30 Useful jQuery Tabs Tutorials

30 Plugins jQuery para usar en un sitio web

Sol — Mon, 17 Oct 2011 18:25:00 +0000

jQuery se trata de una librería de Javascript que hace más simple la forma en la que interactuamos con los documentos HTML y desarrollar animaciones (entre otras funcionalidades). Además jQuery es software libre y open source, por lo que generalmente es fácil encontrar plugins hechos en este lenguaje que sean gratuitos y muy simples de editar según nuestras necesidades.

Los Plugins jQuery que les traemos en este artículo pueden utilizarlos en sus sitios web para armar un mejor menú, galerías de imágenes dinámicas y vistosas, sliders de varios tipos y muchísimas cosas más.

En este artículo encontrarán 30 Plugins jQuery, para descargarlos deben hacer clic sobre el título o la imagen del plugin que quieran.

Tutoriales y plugins de Tooltips con jQuery

Sol — Tue, 21 Jun 2011 20:37:52 +0000

En este post les traigo 21 tutoriales y plugins de tooltips con jQuery para que puedan descargar y aprender a hacer estos cómodos tooltips y puedan implementarlos en sus sitios web.

ARTEgami » Javascript

Sliders para jQuery, 180 ejemplos diferentes

Galería de imágenes con jQuery

30 Tutoriales para crear Tabs usando jQuery

30 Plugins jQuery para usar en un sitio web

Tutoriales y plugins de Tooltips con jQuery

Build a Better Tooltip with jQuery Awesomeness

qTip Tooltip Plugin

jQuery Popup Bubble

BeautyTips09

jQuery Form Validation and Tooltip

SimpleTip

jQueryTools Tooltip

jQuery AJAX Plugin

TipTip jQuery Plugin

jQuery Horizontal Tooltips Menu

Simple Tooltip Powered by jQuery

Horizontal Tooltips for Menus

Create a Simple Tooltip with jQuery and CSS

jTip Tooltip Plugin

Coda Popup Bubbles

ProtoTip 2

Easiest Tooltip and Image Preview with jQuery

jGrowl Tooltips

Digg Style Post Sharing Tooltip with jQuery

Orbital Tooltip