JavaScript

Presentation Cycle: Presentaciones dinámicas con barra de progreso

Comments
publicado el 25 de January del 2010 bajo , , , , , .

Presentation Cycle es un plugin de jQuery creado por Gaya Kessler que nos hará presentaciones o transiciones de imágenes con texto y una barra de progreso.

En el ejemplo podemos ver el funcionamiento de este plugin en 3 diferentes formas, la básica, una minimalista y otra aún mas minimalista.

Para implementarlo en una página debemos de incluir en el header las hojas de estilo y archivos del script y del jQuery: Continuar »

JavaScript

Typeface.js – Utiliza cualquier fuente en tus diseños.

Comments
publicado el 4 de November del 2008 bajo , , , , , .

¡Al fin! typeface.js es una librería JavaScript que yo y muchas gente más estaba esperando. Esta librería mediante el uso de <canvas/> nos permite utilizar en nuestra web cualquier tipografía.

Se acabo el ceñirse a las 3 o 4 fuentes clásicas que se encuentran en todos los sitemas operativos para evitar la perdida de compatibilidad. Lo bueno de este sistema es que al estar basado en Javascript es perfectamente compatible con el 99% de los navegadores del mercado.

Además tiene otras ventajas como, por ejemplo: es legible para los buscadores, multiplataforma, fácil de usar mediante CSS, ligero, y además permite seleccionar el texto y copiarlo (Aunque no muestra el texto seleccionado. Es algo extraño).

Pasemos a ver como implementarlo en nuestro sitio y como usarlo. Continuar »

JavaScript Plugins Tutoriales

Guia completa sobre PHP Speedy: Instalación, configuración y uso

Comments
publicado el 6 de May del 2008 bajo , , , , , , .

Primero que nada: ¿Que es y para que sirve? PHP Speedy Wordpress Plugin es un plugin para Wordpress que acelera la carga del blog, uniendo y comprimiendo los archivos Javascript y las Hojas de Estilo (CSS). La página cargará más rápido y si usamos varias librerías JavaScript notaremos bastante la diferencia.

A continuación hablaremos de:

  1. Instalación
  2. Configuración
  3. Prueba de la configuración
  4. Activación
  5. ¿Realmente mejora el tiempo de Carga?

Instalación

La instalación no es diferente a el resto de plugins, simplemente lo descargamos y subimos la carpeta php_speedy_wp al directorio wp-content/plugins de Wordpress.

Antes de activarlo tenéis que aseguraos de que los directorios /wp-content/plugins/php_speedy_wp/libs/php_speedy/config.php y /wp-content/plugins/php_speedy_wp/cache tengan permisos CHMOD 777. Luego lo activamos y vamos a Opciones » PHP Speedy. Continuar »

JavaScript Tutoriales

Mejora la usabilidad de los formularios con mensajes automáticos

Comments
publicado el 16 de April del 2008 bajo , , , , .

Un interesante manual publicado en woork que nos ayuda a incluir mensajes en los formularios que se mostrarán automáticamente al usuario cuando haga foco en él. Todo ello gracias a la librería javascript, Scriptaculous. Continuar »

JavaScript Recursos

FancyBox, un sustituto de Lightbox con estilo

Comments
publicado el 31 de March del 2008 bajo , , , , , .

Después de Lightbox han salido muchas alternativas similares que no merece la pena nombrar, pero FancyBox a sabido destacar un diseño increíble.

FancyBox funciona con la librería jQuery y funciona en la mayoría de los navegadores. Esta testado en Intrenet Explorer 6 y 7 además de Firefox.

Permite hacer grupos de imágenes ,galerías, e ir cambiando de una a otra con dos flechas situadas en la parte inferior del recuadro, además permite añadir descripción a las imágenes y configurar varias animaciones a la hora de cerrar las imágenes.

Por ahora se encuentra en versión beta 2, como todo en internet, pero funciona correctamente. Por cierto, aqui teneís una demo.

CSS Diseño JavaScript Tutoriales

¿Como hacer un Slide con Mootools?

Comments
publicado el 28 de March del 2008 bajo , , , , .

En este post aprenderemos a hacer un efecto de Slide gracias a MooTools, aquí podeís ver el resultado de lo que vamos a realizar en este tutorial. Cabe mencionar que no le he dado ningún estilo con CSS pero con él, podríamos obtener un mejor resultado, como por ejemplo el que nos muestran en la demo de la página de Mootools.

Para el que no lo sepa, Mootools es una librería JavaScript que facilita la tarea al diseñador, pudiendo usar efectos y aplicaciones que sean funcionales para el usuario insertando unos simples scripts en nuestra web, ahorrándose así el tener que programar todos los efectos. Continuar »