Cargar contenido gradualmente con jQuery (tipo twitter ó Facebook)

Este tutorial nos explica como imitar la funcionalidad de twitter y Facebook para cargar contenido gradualmente (en ingles load content like Facebook & twitter). El ejemplo es sencillo nada muy elaborado, pues el objetivo es tener una idea del proceso de detrás  del diseño. Vamos a trabajar con MySQL, PHP, jQuery y CSS. Lo que […]

50 Calendarios (Calendars plug-ins, datepickers) PHP, jQuery, MooTools, JavaScript

Esta lista de calendarios hechos con PHP, JavaScript, jQuery, mootools, a te ayudará a escoger el más indicado para tu proyecto web.

jQuery, efecto fade de una imagen en otra

Este ejemplo muestra como aplicar jQuery para mostrar efecto fade de una imagen sobre otra al situar el puntero del mouse. Uso: HTML: <div id=”ejemplo_fade”> <img src=”http://www.webintenta.com/img/fashion1.jpg” /> </div> CSS: #ejemplo_fade{ background:url(“img/fashion2.jpg”); position:relative; width:200px; height:200px; cursor:pointer; } JAVASCRIPT: $(document).ready(function() { $(“#ejemplo_fade”).hover(function(){ $(this).find(“img”).fadeOut(); }, function() { $(this).find(“img”).fadeIn(); }); }); Vía WebIntenta | Demo

Scrolling divertido e interactivo, jQuery Scrollorama

Scrollorama es un plugin para jQuery que permite agregar algunos efectos al desplazarnos verticalmente a través de una página web. Podemos configurar efectos tales como: Flying Fading in/ out Rotation Zooming in / out Parallax Cómo se usa Divide en bloques tu diseño entonces aplica este código: $(document).ready(function() { var scrollorama = $.scrollorama({ blocks:’.scrollblock’ }); […]

15 Ejemplos de uso de jQuery Masonry

Hace tiempo atrás mencionamos a jQuery Masonry, que organiza nuestros div ó contenedores en CSS de una forma mas atractivas sin dañar el diseño así se redimensione la página web. A este respecto esta imagen resume lo que hace: Aqui un listado de algunos sitios web que hace uso de esta libreria para jQuery que […]

Menu CSS y jQuery similar Menu Windows

En busca de un menu similar a los tradicionales menus desplegables (en la parte superior de las ventanas) Windows. Encontre esté plugin muy sencillo de uso, que convierte una lista de elementos (ul – li) en un menu desplegable con sub menus (de requerirlos). Bastará con configurar unos parametros de incio y colocar el menu […]

Aplicación Web con PHP, MySQL y jQuery: Gestor de contenido

Esta aplicacion web consiste en un gestor de contenidos, es decir una estructura de soporte para crear y administrar contenidos. Esto fue la primera versión de una aplicacion web que desarrolle hace unos meses, que me parecio bien compartirla. Consiste en una interfaz back-end para crear documentos (por ejemplo un libro) donde insertaremos datos relacionados […]

Crear galería de imagenes con paginación en PHP y jQuery

En vista de la necesidad de mostrar una serie de fotos de un viaje reciente y sin el deseo de subir mis fotos a Facebook ó al perfil de Hotmail, se me ocurrió desarrollar una útil galería de imágenes con la ayuda de PHP y con la extensión lightBox para jQuery. El objetivo es mostrar una […]

Crear acordeón (accordion) horizontal con jQuery

Easy Accordion es un complemento para jQuery, que nos permite … aja! eso … crear acordeones ó en nuestro idioma sería menus expandibles con efecto de deslizamiento, creo que lo dejamos en acordeón.   Este complemento puede deslizar cualquier contenido como imágenes, listas, elementos flash, etc. y su apariencia se totalmente configurable via CSS. Dispone […]

Tipsy: Complemento para Jquery para lograr tooltip estilo Facebook

Es un complemento, extensión ó plug-in (como quieran llamarle) para jQuery que consigue, con un par de configuraciones, que los tooltips (mensajes temporales cuando posamos puntero sobre vínculos) tenga el efecto similar a los de Facebook. Por defecto el plug-in coloca los tooltips en el centro debajo del elemento que tenga el atributo title, aunque […]

SUSCRIBETE

  • Para estar actualizado con las últimas noticias, ofertas y anuncios especiales.