Author:
Andrés Argüello Pitt
Jun
30
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
Filed under:
diversion, nerd
Author:
Andrés Argüello Pitt
Jun
29
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
Author:
Andrés Argüello Pitt
Jun
28
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.
Author:
Andrés Argüello Pitt
Jun
28
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
Author:
Andrés Argüello Pitt
Jun
27
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 |
Author:
Andrés Argüello Pitt
Jun
19
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 < 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
Author:
Andrés Argüello Pitt
Jun
17
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.
Author:
Andrés Argüello Pitt
Jun
16
Siempre me fascinaron los visualizadores de datos. Éste en particular no me pareció increÃble pero no deja de ser interesante. Lo que hace es reproducir con gráficos palabras claves que se dijeron por twitter durante un partido, de esta forma podemos ver como crece cuando alguien es expulsado o hace un gol.
http://www.guardian.co.uk/football/world-cup-match-replay
Author:
Andrés Argüello Pitt
Jun
15
Bajo el marco de la E3 ayer se dió a conocer el nombre del proyecto Natal. Kinect será la nueva forma de interactuar con la consola de Microsoft. Kinect convierte todo tu cuerpo en el control remoto, también toma acciones por comando sonoros. Por ahora lo juego que hemos visto han sido juego muy parecidos a la lúdica de la Wii, me gustarÃa probar que tan preciso será, no creo que salgan tÃtulos como Halo o juegos donde hay demasiadas combinaciones de teclas para acceder a diferentes acciones, de todos modos parece divertido, no creo vender mi Wii para cambiar a X-box pronto, pero como amante de las interfaces me parece que esto es un paso hacia donde nos estamos dirigiendo y es bueno ver que la gente lo adopta con facilidad. El world premier será esta tarde, las 3:30 EDT con participación de Cirque du Soleil más información: http://www.xbox.com/en-US/kinect/