Crear Progress Bar con JavaScript

El Progress Bar es uno de los componentes más recientes que se añadieron a la excelente biblioteca de widgets UI basados en jQuery. Este tutorial muestra la manera de crear un Progress Bar usando jQuery (v.1.7) para mostrar el ‘progreso’ en el llenado de formularios. Para comprender mejor de que se trata, te recomiendo ver el ejemplo de muestra.

Como verás, el progress bar (barra de progreso) te va mostrando en qué porcentaje de avance te encuentras. Muy útil para añadir en exámenes virtuales o encuestas progresivas o formualrios de registro como en este caso.

Enlace | Demo
Visitar | Tutorial (inglés)

Crear Calendario con jQuery estilo “iCal”

Este es un buen tutorial para crear un bonito calendario tipo iCal (calendario del iPhone) utilizando básicamente jQuery además de un poco de HTML para la estructura y CSS para estilizarlo.

Con el CSS podrás agregarle algún efecto hover a los botones (días de la semana en este caso), darle color a las tooltiptext, etc; cuentas además con los archivos fuente para descargar gratis y así poder modificarlo al tamaño que desees.

Enlace | Vistiar tutorial
Enlace | Ver Demo

Descargar Dzsoft Perl Editor 5.8.4.6

Dzsoft Perl Editor es una herramienta para la escritura, edición y debuging de los scripts Perl/CGI. Cuenta con una interfase intuitiva para uso de programadores avanzados y principiantes.

Cuenta con Code Explorer, un editor bastante confortable y efectivo. Con Dzsoft Perl Editor podemos correr un script y ver el resultado inmediatamente sin necesidad de un servidor web. Se recomienda usar un intérprete Perl (ActivePerl), el cual es gratuito.

La versión shareware del Dzsoft Perl Editor permite el uso de hasta 120 líneas editables. Está en idioma inglés y la descarga pesa 2.33MB.

Enlace | Web Oficial

prettyPhoto, un clon lightbox

Hace ya algunos meses atrás les mostraba el Lightbox, el famoso script que utiliza jQuery para mostrar las imágenes de una manera y efecto especial. Esta vez te presento a prettyPhoto, un clon del Lightbox que, a diferencia del Lightbox, ésta presenta las puntas redondeadas y el título de cada imagen de manera también diferente (a modo de pestaña superior).

Este clon Lightbox viene en tres versiones, una para mostrar galerías fotográficas con las opciones de “siguiente” y títulos incluidos; otra con solo botones de navegación pero sin mostrar títulos; y la última, para mostrar fotos independientes.

El modo de instalación (o mas bien de ‘uso’) del prettyPhoto es super sencillo y en su página se dan los pasos necesarios que se deben seguir.

Vale decir que prettyPhoto ha sido probado para funcionar con:

Firefox 3.0 (Mac/PC/Linux)

Firefox 2.0 (Mac/PC)

Safari 3.1.1 (Mac)

Internet Explorer 6.0 (PC)

Internet Explorer 7.0 (PC)

Enlace | prettyPhoto

También puedes visitar:

Slimbox, el clon del Lightbox2 pero con más funcionalidades

Videobox para tu Web, el Lightbox de Videos