north kingdom did it again

No recuerdo sitio de North Kingdom que no me haya gustado, la verdad que siempre son impresionantes. Lo que no daria yo aunque sea por hacer una pasantia en ese estudio, en verano claro!!!
Ayer lanzaron un nuevo sitio promocionano Cheetos. se trata de un juego totalmente hecho en Flash y utilizando Flash Media Server. Me impresionó la tecnología que usan, sobre todo comp capturan pantallas en tiempo real de otros sitios, seguramente con una bitmapdata Class y algun programa corriendo en el fondo haciendo capturas de los sitios. La estetica está genial y es súper adictivo. Si no tienen al menos 20 minutos no entren ;-)

http://battleofthecheetos.com/

Nueva aplicación de realidad aumentada con motivo del mundial

Zungara, quienes han estado experimentando mucho con realidad aumentada y han demostrado ésto con la aplicación para hacer compras, o la que sos un pirata y tenes que atajar los cañonazos, ha vuelto a sorprendernos con una aplicación de realidad aumente nueva en la que que no necesitamos ningún marcador. La aplicación consiste en cabezar la pelota que se no envía desde un tiro de esquina, simplemente podemos usar nuestra cabeza para interactuar con la pelota. Nada realmente revolucionario, lo mismo habían demostrado con los cañones de mostramos en este mismo blog hace casi un año, sin embargo me pareció una idea muy simpática.

dejo aquí el video:

fast lane – para aquellos que viven la vida más rápida.

Hace unos mese publique un par de post sobre the fun theory, que es esto de como cambiar cosas cotidianas en divertidas. VW hizo ventaja de esto para hacer un par de vídeos virales, el primero fue ese de la escalera de un subte en el que colocaron una tecla de piano en cada escalón de la escalera convencional, justo al lado se encuentra la escalera mecánica y el juego consistía en observar cuanta gente prefería hacer ejercicio y tomar la escalera normal con tal de presionar las teclas del piano. La nueva campaña de VW se llama fast lane (carril rápido) y es muy parecida a la anterior con la diferencia que en étsa lo que hacen es colocar un tobogán en una escalera. Miren el video:

MacBook DECAL by Cooldecal

Hace unas semanas hice un seminario con uno de los evangelistas de Adobe. Él tenia una MacBook Pro de 15″ y en la tapa un sticker de Ironman en blanco y negro cuyo centro en vez de ser el reactor que le da energía al súper traje era la manzana iluminada de la MacBook. La verdad que quedé flasheado, creo que principalmente porque de chico vivía haciendo este tipo de cosas manualmente. Recuerdo comprar papel auto-adhesivo transparente e imprimir distinto tipo de cosas para hacer mi propios sticker.

Apenas volví a casa busqué en ebay y encontré que el témino correcto era Decal y hay varios modelos, hay unos de blancanieves (snowwhite) sosteniendo la manzana, hay de la bruja, de Ironman hay dos o tres modelos. También me parecio interesante una reproducción del cuadro de René Magritte ( “El Hijo del Hombre” ) en el que aparece un hombre con una manzana en la cara, en este caso remplazada por la Manzana de Apple.

Tanta fué la tentación que termine pidiendo uno. econtré una tienda en Esty.com llamada CoolDecal donde pueden ver los modelos que le comento más algunos más. No son del todo baratas, pero ahora cada vez que estoy trabajando en un bar o lugar público logro sonrisas gratis todo el tiempo. Le tenia miedo a dos cosas el envio y la aplicación, pero la verdad que comprarle a CoolDecal fue un placer, me mando un numero de seguimiento y llegó en perfecto estado y muy rápido.

En cuanto  a la aplicación, el material del sticker es más bien grueso, de más estar decir que es de súper buena calidad, parece que quiero hacerle propaganda pero la verdad que el groso y la calidad hacen que la aplicación sean tan fácil que incluso yo que soy atolondrado y súper ansioso no tenga ningún problema al aplicarla. vena la galeria con la imagenes de mi proceso.

más información: http://cooldecal.etsy.com

RollOver con JQuery

Ayer pubiqué una librería muy buena para hacer las etiquetas en formularios con Jquery. De ese mismo desarrollador encontré una forma muy fácil de hacer rollover. La idea es hacer una lista en HTML y el javascript opaca o cambia de color todos los siblings del objeto que estemos posicionado.

Más información y demos en: http://o2v.net/blog/easy-rollovers

Hermanos

Hoy justo estaba viendo al estadísticas de éste blog y veo que hay 79 visitas desde México. la verdad que me sorprendió y me alegró. No quiero que porque los dejamos fuera del mundial haya rivalidad. Entiendo que hay controversia por el primer gol en el que se dice que tevez estaba habilitado. Pero gracias a la utilización de tecnología de ultimísima generación se comprobó que en realidad si estaba habilitado.  Acá la imagen inrefutable que deja más que claro que Tevez estaba habilitado:

Está claro que no nos tomamos todo muy seriamente. Queremos contribuir con éste blog pero tampoco es cuestión de caer en formalidades cuando el la realidad somos personas que disfrutamos de la tecnología en todas sus expresiones, incluso en Photoshops tontos.

Etiquetas para campos de formularios con javascript

Encontré algo que me pareció súper útil para formularios, es algo que yo en flash hago mucho: que es poner el nombre o etiqueta del campo dentro de la caja input o text, y una vez que se hace clic en el campo el texto en el interior se atenua o desaparece. como por ejemplo en esta demo: click aqui

<input title="Email Address" name="email" type="email" />
<input title="Password" name="password" type="password" />
<input title="Secret Word" name="password" type="text" />
<textarea title="Comments..." name="comments"></textarea>

Y lo único que hay que inicializar en javaScript es:

<script type="text/javascript"><!--mce:0--></script>

Para utilizar éste plugin se necesita jQuery 1.4 y jQueryUI 1.8

más información en : http://o2v.net/blog/jquery-formlabels-plugin

Fuentes web safe.

Revisando la librerías de Google Font que nombre en el post anterior para ver exactamente que fuentes son soportadas, me encontré con una tabla con los porcentajes de tipografías disponibles en distintos sistemas operativos. Espero que les sea útil.

Font Win. OS X Linux Total
Courier 99.71 98.87 66.14 98.6
Verdana 99.76 97.46 62.66 98.5
Times 99.47 98.02 65.19 98.3
Arial 99.33 97.74 67.72 98.2
Trebuchet 99.38 94.63 62.03 98.0
Lucida 98.76 100 77.86 97.9
Georgia 99.04 95.76 62.66 97.8
Impact 99 91.24 61.08 97.5
Arial Black 98.52 94.07 62.66 97.2
Tahoma 99.9 79.1 0 97.0
Palatino 98.76 78.81 0 95.9
Arial Narrow 88.95 90.11 0.71 87.4
Century Gothic 88.04 40.4 0 83.9

Un sonido luego de otro

El año pasado hice un trabajo donde se necesitaba que se reproducieran unas imágenes y al mismo tiempo se escuchara una voz en voz describiendo la imagen.
El tema que eran varia galerías que eran cambiadas dinámicamente por lo que se requería que ésta pseudo película se generara en tiempo de ejecución.
El tema estaba en precargar todas las imágenes y todas los sonidos para que no haya pausas entre imagen e imagen.
Precargar la imágenes es relativamente facil ya que podes cargarlas usando un loadClip ya que son guardadas automáticamente en el caché.
El tema son los sonidos, como asegurarse que los sonidos son precargados de forma que no haya pausas. Hay un par de formas de hacerlo la que me resultó más práctica a mi fue:

La forma normal sería, manual y estática sería:

import flash.media.Sound;
import flash.media.SoundChannel;
 
var mySoundOne:Sound = new SoundOne();
var mySoundTwo:Sound = new SoundTwo();
var mySoundThree:Sound = new SoundThree();
 
var mySoundChannel:SoundChannel = mySoundOne.play();
mySoundChannel.addEventListener(Event.SOUND_COMPLETE, sound_1_Complete);
 
var mySoundChannel2:SoundChannel;
var mySoundChannel3:SoundChannel;
 
function sound_1_Complete(event:Event):void {
    trace("one complete");
    mySoundChannel2 = mySoundTwo.play();
    mySoundChannel2.addEventListener(Event.SOUND_COMPLETE, sound_2_Complete);
}
 
function sound_2_Complete(event:Event):void {
    trace("two complete");
    mySoundChannel3 = mySoundThree.play();
    mySoundChannel3.addEventListener(Event.SOUND_COMPLETE, sound_3_Complete);
}
 
function sound_3_Complete(event:Event):void {
    trace("three complete");
}

Hasta acá todo fácil, lo que fue una novedad para mi es que es posible meter objetos dentro de arrays, por lo que cree un array con sonidos (objetos) adentro y fui cargando un sonido después del otro, de forma que era automatizado, dinámico y que podía ser cambiado en tiempo de ejecución sin problemas.

var sounds:Array = [new SoundOne(), new SoundTwo(), new SoundThree()];
 
var channels:Array;
 
channels[0] = Sound(sounds[0]).play();
 
SoundChannel(channel[0]).addEventListener(Event.SOUND_COMPLETE, playNext);
 
function playNext(e:Event):void
 
{
 
var index:Number = channels.indexOf(e.currentTarget);
 
trace("played sound " + (index + 1));
 
if(index &lt; sounds.lenth - 1)
 
{
 
index++;
 
channels[index] = Sound(sounds[index]).play();
 
SoundChannel(channels[index]).addEventListener(Event.SOUND_COMPLETE, playNext);
 
}
 
}
sounds.push(new SoundFour()); // sólo habría que asegurarse de llamar a esto antes que el sonido cuatro termine de reproducirse

Wordpress 3.0 review

Hoy salió Wordpress 3.0, me contuve todos estos meses y no instalé ninguna de laa betas así que no sabia de que se trataba, si había estado leyendo y escuché en Wordcamp que el usuario iba a tener mucho más control sobre el layout.

La instalación es exáctamente igual de fácil y amigable que todas las versiones de todos éstos años. Apenas me loguee por primera vez pense esto es exactamente igual, realmente esperaba que el escritorio cambiase drásticamente, pero es muy muy parecido, lo único que diferencié rápidamente fue la opción menús dentro de Apariencia. Básicamente éste es el punto fuerte que tiene el nuevo sistema ya que ahora en vez de generar automáticamente el menú según las paginas, ahora hay un paso extra que es agregar la página creada al menú. También permite crear links en el menú que apunten a cualquier otro lado, ya sea a post internos, categorías o incluso direcciones externas. También deja arrastrar el orden de cada botón para determinar su posición. El otro punto fuerte del menu Apariencia es la posibilidad de cambiar el fondo, ya sea con una imagen o un color. de ser una imagén te permite elegir la posición, y como se repite. También hay una opción para cambiar la cabecera, muy similar al sistema que trae el template K2. La verdad que esperaba más de esta versión, estoy seguro que hay mucho avance abajo del capot de los cuales no estoy consciente, si alguien sabe de alguna cualidad nueva que quiera compartir bienvenido sea. Sólo espero que los templates viejos sigan siendo compatibles, así también como los plugins.