• BookBlock: Contenido web en forma de revista, folleto ó catálogo

    thumbnail image postBookBlock es un plugin para jQuery que puedes usar para crear contenido web en forma de folletos ó revista, con un efecto de voltear página ó "page flip". Cualquier contenido puede estar dentro del bloque que se convertirá en una página, tales como imágenes ó texto. El plugin transforma el bloque o estructura sólo cuando sea necesario (a pasar de página). Codrops...

  • Subir archivo con HTML5 drag & drop, jQuery y PHP

    thumbnail image postinserthtml ha preparado un tutorial completo paso a paso sobre como desarrollar un cargador de archivos con la característica drag & drop (arrastrar y soltar) en HTML 5, con PHP y jQuery.  El tutorial nos permite descargar los archivos fuente del código como también una demostración de uso. Tutorial Creating a Complete HTML5 Drag and Drop File Uploader with jQuery

  • Cargar contenido gradualmente con jQuery (tipo twitter ó Facebook)

    thumbnail image postEste 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 se quiere lograr es mostrar...

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

    thumbnail image postA medida que pasa en tiempo los complementos ó plug-ins para agregar funcionalidad a nuestro sitios web aumentan, y es hora de actualizar el listado de estos para tenerlos a la mano al momento de desarrollar una aplicación web. Los calendarios son un elemento importante en el desarrollo de un proyecto web cuando de trabajar con fechas se trata. Veamos...

Scrolling divertido e interactivo, jQuery Scrollorama

02-01-2012 AJAX, JavaScript 2816 hits (24.67 %) 0 comentarios

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' }); }); Para...

15 Ejemplos de uso de jQuery Masonry

02-01-2012 JavaScript, Diseño gráfico, Desarrollo Web, AJAX 3311 hits (29.01 %) 0 comentarios

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 nos sirven de inspiración para nosotros: Cutets...

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

19-01-2011 Programación, Desarrollo Web, AJAX 17081 hits (100 %) 14 comentarios

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 como el titulo, autor, fecha....

Tipsy: Complemento para Jquery para lograr tooltip estilo Facebook

25-09-2010 Programación, JavaScript, AJAX 5895 hits (51.65 %) 0 comentarios

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 usando el parámetro gravity podemos...

To-Do List (lista de tareas) con jQuery, PHP, MySQL, AJAX (pt. 1)

10-01-2010 JavaScript, AJAX 9154 hits (80.2 %) 6 comentarios

Inspirandome en TeuxDeux un administrador de tareas sencillo pero eficaz que corre perfectamente sobre el navegador web (vía Ajaxian), se me ocurrió realizar uno con similar funcionalidad. En realidad no he probado esta herramienta, pues hay que registrarse (y no quize demorar) así que me guié del video relacionado:Está es la primera parte, así que no verán algo muy sofisticado...