Para quienes no esten familiarizados con esto, jQuery es librería de JavaScript que nos ayuda a mejorar varios aspectos del html. Con ella es muy facil desarrollar interactividades con Ajax, animaciones, efectos, etc. Para ello solo es necesario utilizar esta librería que pesa solo 56k.

Otra de las ventajas que posee, y es acá donde comienza la explicación de este tema es que podemos encontrar una gran cantidad de plugins que funcionan con jQuery que ya tienen resuelta gran parte de la programación adicional que deberiamos hacer para lograr el efecto deseado.

A continuación veremos los pasos lograr un intercambio de imágenes con fade según podemos ver en este ejemplo.

Leer el resto de esta entrada…

En este tutorial veremos como agregar a nuestras galería de fotos un buen efecto para hacerlas dinamicas, rápidas y atractivas para nuestros usuarios sin tener que recurrir a alguna aplicación flash.

Primero debemos descagar la aplicación completa de huddletogether.com y descomprimir el archivo en la raiz de nuestro sitio web.

Una vez que tenemos todos los archivos en su lugar debemos agregar en el head de nuestro html los JS y CSS que son necesarios para hacer funcionar Lightbox2.
Leer el resto de esta entrada…

Sencillo código que escribe la fecha actual por medio de JS. Es bastante simple de personalizar, ya sea traduciendo el contenido, o dándole formato al texto.

Este es el ejemplo en inglés:

<script>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
document.write(""+montharray[month]+" "+daym+", "+year+"")
</script>

Y este es el ejemplo en español:

<script>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sábado")
var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre")
document.write(""+daym+" de "+montharray[month]+" de "+year+"")
</script>

Este es un listado de sitios de donde uno puede descargar fuentes en formato Truetype o TTF en forma gratuita. Espero que les sea útil.

Listado con visualizador de ejemplos

• http://www.dafont.com/
• http://www.tipografiaz.com/
• http://www.fonts4free.net/

Listado simple de tipografias

• http://www.fontstock.net/
• http://www.grsites.com/fonts/
• http://www.007fonts.com/
• http://www.letramania.com/
• http://recursosgratis.com/fuentesgratis/
• http://www.publispain.com/superfuentes/
• http://www.webpagepublicity.com/free-fonts.html

Para lograr esto necesitamos 2 cosas. Por un lado crear un archivo que genere el JGP que muestre el titulo en la TTF elegida.

En este caso el archivo PHP esta preparado para leer por metodo get la palabra que queremos tranformar en TTF y la tipografia que queremos utilizar.
Leer el resto de esta entrada…