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 »

Menús desplegables, ¡solo con CSS! Normalmente solemos usar Javascript para añadirles efectos pero realmente si queremos realizar un menú desplegable sencillo lo podemos hacer solo usando CSS tal y como lo explica el señor Janko en su blog.
A veces para solucionar algunos de los problemas en cuanto a compatibilidad con los distintos navegadores de CSS no nos basta el CSS, a veces, tenemos que recurrir al Javascript. Por eso os dejo esta entra que recopila 8 Soluciones basadas en Javascript a los problemas más comunes de CSS.
Bonito el efecto que han generado en Dragon Labs (Demo) consiguiendo un fondo colorido y animado. El problema: la forma en que carga no es muy elegante y tendremos que usar una imagen de 3000×900 pixeles.
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 »

Es posible mejorar las cajas de alerta de Javascript usando Mootools para ellos y sino mira este ejemplo.
¡No redimensiones la ventana! Se trata de una pequeña animación o corto que hace uso de Javascript para ir redimensionando y moviendo nuestra ventana consiguiendo un buen efecto. Probadlo con Firefox. (Vía)
Los CAPTCHA suelen estar basados en pedir al usuario que copie el texto contenido en una imagen en un cuadro de texto. Este sistema es realmente novedoso. Como si de un iPhone se tratase lo que tenemos que hacer es arrastrar una flecha. (Ejemplo + Información)