Carrusel con progressbar : JQuery (Ejemplo)

Posted by on Dec 29, 2011 in JQuery, Programacion | 1 comment

Carrusel con progressbar : JQuery (Ejemplo)

Hace unos días me encontré un tutorial donde explican como hacer un carrusel al estilo apple, lo he modificado un poco para que sea mucho  mas “bonito” y con algunos efectos nuevos, entre las mejoras que le agregue podemos encontrar: Barra de progreso de la animación Stop animación cuando el cursor esta sobre el carrusel Start animación cuando el cursor esta por...

Leer mas

Creador de código CSS3 fácilmente Online

Posted by on Nov 21, 2011 in Aplicaciones, Otros | 0 comments

Creador de código CSS3 fácilmente Online

Existe una herramienta online que permite crear algunos efectos css3 rápidamente que he usado desde hace mucho tiempo y creo que ya es hora de compartirla … CSS3Maker es una herramienta online que permite crear efectos CSS3 como: Bordes redondeados (Border Radius) Degradados  (Gradient) Transformación CSS (CSS Transform) Animación CSS (CSS Animation) CSS Transition RGBA Sombras...

Leer mas

JQuery Cycle: Plugin para realizar slideshow de imagenes o Divs

Posted by on Jun 28, 2011 in JQuery, Programacion | 0 comments

JQuery Cycle: Plugin para realizar slideshow de imagenes o Divs

JQuery Cycle es un excelente plugin para JQuery, que nos permite realizar slideshow de nuestras fotografias y divs fácilmente, es muy util para hacer carrusel de contenidos e imagenes, soporta muchos efectos y diferentes tipos de transiciones entre imágenes. En el siguiente ejemplo veremos como hacer un slideshow de unas imagenes usando este plugin. Agregamos en nuestro head el JQuery y el...

Leer mas

Canvas: Efecto Imagen escala a gris

Posted by on Jun 24, 2011 in Programacion | 1 comment

Canvas: Efecto Imagen escala a gris

Este ejemplo nos muestra como hacer un efecto de escala a gris (Blanco y Negro) sobre una imagen usando canvas. Es un practico código para hacer de nuestros sitios mas impactantes en efectos gráficos, sin necesidad de usar flash :p Lo primero que hacemos es agregar nuestro CSS a nuestro ejemplo <style> .img-wrap { width: 640px; margin: 100px auto; ...

Leer mas

Auto Imagen Relacionadas en WordPress – Google Search

Posted by on May 5, 2011 in JQuery, Programacion | 4 comments

Auto Imagen Relacionadas en WordPress – Google Search

Si queremos Mostrar imágenes relacionadas en nuestros artículos de wordpress (Con algunas modificaciones funciona para cualquier otro CMS o Sitio Web), podemos usar el API de Google para buscar imágenes, hoy les explicare con un ejemplo como podemos agregar esta funcionalidad a nuestro Tema de WordPress en nuestro archivo Single.php. Lo primero que tenemos que hacer es modificar nuestro...

Leer mas
Pagina »» 1 de 3123