Publicidad:
La Coctelera

Categoría: tutoriales

SCREEN FONTS

Me pidieron vía mail unas tipografías de pantalla [screen fonts].

En el mail me dicen lo siguiente:
"Por mientras estoy con verdana, pero no se ve tan bien."

Asumiendo que se está trabajando en Macromedia Flash MX, la tipografía VERDANA tiene una EXCELENTE lecturabilidad, siempre y cuando se le aplique el ANTIALIAS

ANALIZANDO LA IMAGEN:
- en la columna de texto de la izquierda se presenta un texto en VERDANA cuerpo 12 SIN ANTIALIAS

- en la columna de texto de la derecha se presenta LA MISMA tipografía al mismo tamaño, pero CON ANTIALIAS

CAMBIA NO?
[ojo que el botón a utilizar es el que muestra la flecha]

Ahora bien, para responder completamente a lo solicitado en el mail recibido dejo dos FAMILIAS TIPOGRAFICAS de SCREEN FONTS que funcionan bastante bien en bloques de texto:

copy.rar
standard.rar

Cómo hacer una cuenta regresiva en un sitio web [tutorial]

Acabo de recibir un comentario a mi post "Cómo hacer un reloj en Flash?" donde me pregunta JUAN como hacer una cuenta regresiva para un cierto evento.

Bueno, a continuación se expone a modo de código abierto un JavaScript para quienes quieran incluir una cuenta regresiva para Navidad, Año Nuevo, Cumpleaños, Lanzamientos de sitios web, etc, etc, etc.

Ejemplo del JavaScript:
Faltan 33 días para el Año Nuevo

Inserta el siguiente código dentro de las etiquetas [head] y [/head]:

Para difinir la fecha límite de la cuenta regresiva se debes editar la línea

targetdate = new Date("January 1, 2006");

con el mismo formato. [Mes Día, Año]

Luego inserta el siguiente código entre las etiquetas [body] y [/body] donde quieras que aparezca tu cuenta regresiva:

Para hacer aun más facil la inserción del código aquí va un archivo .txt con el código para aplicar Ctrl+C y Ctrl+V counter.txt

Cómo hacer un reloj en FLASH?

El objeto DATE introducido en Flash 5 hace simple el hecho de tener un reloz en una película flash. Los siguiente pasos explican como realizar un simple reloj que muestre la hora AM/PM en formato Hora:Minutos:Segundos.

Y nos vamos...

1. Crea un simbolo MOVIE CLIP [insertar > nuevo simbolo]

2. Usando la herramienta de texto crea un campo de texto en este nuevo simbolo. Este texto mostrará la hora.

3. Selecciona el campo de texto con la herramiente "flecha" y selecciona la opción TEXTO DINAMICO (dynamic text) junto con asignarle al nombre de variable (var) la palabra "time" (sin comillas)

4. En el primer fotograma del simbolo ingresa la siguiente acción [en el panel de acciones.. obvio]

function getTime () {

var time = new Date();

var hour = time.getHours();

var minute = time.getMinutes();

var second = time.getSeconds();

var temp = ""+((hour>12) ? hour-12 : hour);

temp += ((minute<10) ? ":0" : ":")+minute;

temp += ((second<10) ? ":0" : ":")+second;

temp += (hour>=12) ? " P.M." : " A.M.";

return temp;

}

5. Incorpora el movie clip a la escena.

6. Selecciona el movie clip en la escena y otorgale la siguiente acción:

onClipEvent (enterFrame) {

time = getTime();

}

7. Guarda, prueba, exporta y LISTO!

Cómo funciona?
La función "getTime()" primero crea un nuevo objeto "date" el cual es usado para obtener la hora actual con sus minutos y segundos. Luego el operador "?: conditional" (una forma abreviada del comando "if...else" se usa para determinar los formatos HH:MM:SS y AM/PM y lo asigna a la variable "temp".
Por ejemplo en la siguiente línea de código se chequea si el valor de "hours" es mayor que 12, si es así, se resta 12 a "hour" y se le asigna a "temp". Sin esto, el valor "hour" se asigna tal como lo recoge el "getTime()" y lo asigna al "temp"

var temp = ""+((hour>12) ? hour-12 : hour);

La lógica es más o menos similar para los minutos ("minute") y segundos ("seconds") , esta vez se usa para chequear si el valor es menor que 10. De ser así, se le incluye un "0" (cero) al "temp" antes del valor de los minutos o segundos. Sin esto los minutos y segundos se mostrarían con número enteros tal como lo genera el "getTime()".

Finalmente se agrega "PM" si la hora "hour" en el "getTim()" es mayor que 12, de lo contrario, se le agrega "AM".