Inicio

El misterioso semáforo de Adobe

Deja un comentario

Supongo que muchos de vosotros ya conocéis el semáforo de la sede principal de Adobe en San José (California).

Fue construido inicialmente en 2006 y se trata de una obra original del artista Ben Rubin que Adobe acogió en la parte superior de una de las torres de sus oficinas centrales.

En su día se especuló mucho acerca de la función de este extraño semáforo compuesto por cuatro discos que giran de forma aparentemente aleatoria.

En realidad el semáforo está inspirado en un sistema de telegrafía desarrollado en el siglo XVIII que transmite un mensaje en clave encriptado con algoritmos similares a los que se hicieron servir en la II guerra mundial.

El mensaje que contenía fue descifrado por dos científicos del área de la bahía de San Francisco , que revelaron que el mensaje oculto en la misteriosa obra de arte era el texto de la novela “The crying of Lot 49” del año 1966 del escritor Thomas Pynchon.

La acogida de esta obra de arte por parte de Adobe y de la ciudad de San Jose fue una forma de demostrar la relación y el compromiso que ambas instituciones tienen con el arte y el pensamiento creativo en general.

Ahora la instalación artística ha sido renovada. Por una parte se ha restaurado el sistema de iluminación LED y por otro se ha cambiado el mensaje codificado que transmite el semáforo.

Se ha abierto una nueva competición para averiguar cuál es el contenido de este nuevo código cifrado.

Podéis encontrar las bases aquí.

http://www.adobe.com/aboutadobe/philanthropy/sjsemaphore/

Oferta de Suscripción de Video 2 Brain

Deja un comentario

Os paso la nota de prensa que me ha llegado de los chicos de Video 2 Brain con una oferta de suscripción muy interesante.

 

Suscripción online 3 meses por 29,95 €

video2brain pone a la venta una suscripción especial para personas que deseen actualizar su currículum en un tiempo

récord y a un precio especial de 29,95 €. Oferta limitada hasta el 5 de noviembre de 2012.

15 de octubre de 2012

La situación actual de la economía y del mercado laboral está provocando una gran movilidad laboral, que se

traduce en inseguridad para muchos trabajadores. Disponer de un curriculum vitae actualizado y al día es una

manera de triunfar en el mercado laboral. Universidades como la Pompeu Fabra de Barcelona consideran

que “el primer paso para empezar a buscar empleo es actualizar el currículum” y por ello, video2brain lanza

esta oferta limitada en el tiempo y abierta a todos: 3 meses de formación online garantizada, con acceso a

más de 400 cursos, por solo 29,95 € (oferta limitada en el tiempo y no renovable).

Importancia de la formación adicional

Actualmente, la formación adicional no es un lujo: es una necesidad“, dice Carlos Burges, encargado de

contenidos en la web faq-mac.com. “La formación online te permite organizarte el tiempo. Los huecos a lo largo

del día son muchos y si sabemos aprovecharlos es fácil que con un poco de tesón y perseverancia podamos abordar

un plan formativo”. La posibilidad de tener acceso a toda la biblioteca de contenidos de video2brain, con más

de 400 cursos, organizados en 17.000 vídeos, es una puerta abierta para cualquier persona que quiera

ampliar o mejorar sus conocimientos profesionales en un tiempo récord, sea cual sea su ámbito profesional.

Además, las apps de video2brain para iPhone y iPad permiten el aprendizaje desde todo tipo de terminales

móviles (iPhone, iPad, tablets y smartphones Android).

Los suscriptores de video2brain podrán ver de forma automática todos los cursos al entrar en la app con sus

datos personales. Las apps de video2brain son gratuitas y pueden descargarse desde Google Play o iTunes

Store.

Compromiso con nuestra comunidad de usuarios

Este producto exclusivo es solo una parte del trabajo que video2brain lleva a cabo para hacer más accesible la

formación de calidad. Estamos trabajando en una colaboración con la bolsa de empleo InfoJobs, que daremos

a conocer próximamente, y seguimos ofreciendo en nuestra web la Suscripción Anual Educativa a profesores,

estudiantes o personas en desempleo que la soliciten. El producto Suscripción online 3 meses estará disponible

solo del 16 de octubre al 5 de noviembre de 2012. Más información sobre todas las modalidades de

suscripción de video2brain en:

www.video2brain.com/mx/suscribete-ahora (continente americano)

www.video2brain.com/es/suscribete-ahora (resto del mundo)

Conecta Tutoriales en las oficinas de Adobe

Deja un comentario

 

El carismático Rafael Tuduri de Conecta Tutoriales tuvo a bien realizarnos una vista en nuestra oficina de Barcelona junto con Henry. Desafortunadamente, ese día tanto Ana Mesas como yo estábamos en Madrid realizando un evento y no pudimos verles.

De todos modos aquí os dejo el vídeo que hicieron. Es muy divertido. Espero que la próxima vez tengamos la oportunidad de saludarnos en persona.

Minitutorial: Patrones de repetición sin costuras en Photoshop

Deja un comentario

Photoshop es una herramienta estupenda para crear motivos y patrones de repetición. Y con sus nuevas funciones esta tarea es más fácil que nunca!!.

En este minitutorial explicamos de forma sencilla como realizarlos.

Un mundo entre pantallas

Deja un comentario

Wifizone

¿Os habéis preguntado alguna vez cuánto tiempo pasan nuestros ojos al día mirando una pantalla?. ¿Y sabes lo gracioso del asunto?, que ahora mismo estás mirando una.

Esta idea fue la que me inspiró esta ilustración.

Animación líquida con Edge Animate

Deja un comentario

Liquidroom

Una de las principales novedades de la última versión de Edge Animate es la posibilidad de trabajar con diseño líquido, es decir poder asignar a los elementos de la composición dimensiones en porcentajes en lugar de medidas fijas en pixeles lo cual permite que el diseño se pueda adaptar automáticamente a diferentes tipos de pantalla.

Lo interesante del caso es que estas características de diseño líquido no únicamente se las podemos asignar a los objetos sino también a las animaciones de tal manera que podemos ajustar la velocidad desplazamiento de un objeto, por ejemplo, al ancho o alto de la ventana o pantalla que lo muestra

Aquí podéis ver un primer ejemplo que he hecho jugando con la herramienta.

http://www.tonilirio.com/edgelab/room/

Mientras más conozco Edge Animate, más me gusta.

Adobe Edge Fonts

Deja un comentario

En las últimas semanas los subscriptores de Creative Cloud han podido ver cómo se han añadido nuevos iconos en la pestaña de aplicaciones así como modificaciones a las ya existentes. De esta manera Adobe Edge pasa a ser Edge Animate y se añaden Edge Code (anteriormente llamado Brackets), Edge Inspect (conocido anteriormente como Shadow) y Edge Web Fonts. Una colección de fuentes web que se añaden al servicio ya existente de TypeKit.

 

En este post vamos a tratar un poco más de cerca Edge Web Fonts. Estas fuentes son un primer paso para trabajar con fuentes web y pueden ser una puerta de entrada para empezar a trabajar directamente con este tipo de fuentes antes de adentrase en las posibilidades extras de Typekit, ya que su instalación y uso son realmente rápidos.

 

Actualmente hay sobre 500 familias de fuentes disponibles para usar de modo ilimitado. La forma de utilizarlas es la siguiente.

 

Primero debes añadir un script de JavaScript a la etiqueta <head> de la página para a continuación referenciar una Font-family en tu hoja de estilo.

El JavaScript debería ser algo como esto:

 

<script src=”http://use.edgefonts.net/droid-sans.js&#8221;></script>

 

E integrado en la página sería algo como esto:

 

<!doctype html>

<html>

<head>

  <script src=”http://use.edgefonts.net/Balthazar.js&#8221;></script>

  <style>

    h1 {

      font-family: Balthazar, serif;

      font-style: normal;

      font-weight: 400;

    }

  </style>

</head>

<body>

  <h1>Hola mundo en Balthazar</h1>

</body>

</html>

 

En este caso se ha usado la fuente Balthazar pero se podía sustituir por cualquiera de las tipografías disponibles aquí http://www.edgefonts.com/#list-of-available-fonts

 

La URL en el tag de JavaScript determina que fuentes son cargadas en tu página. Aquí está la especificación  de esa URL

 

use.edgefonts.net/[<family>[:<fvd…>[:<subset>]]…].js

Vamos a analizar las partes que están disponibles. Cada uno de estos elementos está separado por dos puntos ( : ).

 

·         familia: El nombre de la familia de fuentes

·         fvd: Una o más variaciones de la fuente separados por una coma.

·         subset: El nombre de un subset. Los valores disponibles son default y all.

 

Se pueden incluir múltiples familias separándolas con un punto y coma ( ; ).

 

Ambas, el fvd and subset parameters son opcionales. Si se omite fvd, la respuesta contendrá fuentes del conjunto de las cuatro básicas: regular, itálica, negrita e itálica negrita. Si una familia no contiene ninguna de las cuatro básicas, la respuesta no contendrá fuentes para esa familia. Si subset se omite, será utilizado default.

 

A continuación hay algunos ejemplos de usar una o más familias con varias combinaciones de FVDs y subsets.

 

 

# One family with default options (results in n4,i4,n7,i7)

# and the “default” subset).

use.edgefonts.net/averia-libre.js

 

# One family in two styles. Averia Libre Light (n3) and

# Light Italic (i3) in the “default” subset.

use.edgefonts.net/averia-libre:n3,i3.js

 

# One family, in one style, in the “all” subset.

use.edgefonts.net/averia-libre:n3:all.js

 

# Two families. Averia Libre Regular (n4) in the “default”

# subset, and Bree Serif Regular (n4) in the “all” subset.

use.edgefonts.net/averia-libre:n4;bree-serif:n4:all.js

 

# Two families with default options.

use.edgefonts.net/averia-libre;bree-serif.js

Una vez se ha incluido el tag de JavaScript en tu página, usa los nombres family y fvd de la URL para escribir CSS que apliquen a esas fuentes.

 

El valor family en la URL se mapea directamente a la propiedad CSS  font-family.

 

font-family: averia-libre, sans-serif;

Cada fvd se traduce directamente a un valor para las propiedades Font-weight y Font-style.  El FVD n4 significa estilo normal, peso 400. El FVD i4 significa itálica, peso 400. N7 significa estilo normal peso 700 etc.

 

Así que, dada la URL use.edgefonts.net/averia-libre:n3,n9.js, puedes escribir el siguiente CSS para usar la Fuente Averia Libre con peso 900 para los titulares con peso 300 para el cuerpo de texto.

 

h1 {

font-family: averia-libre, sans-serif;

font-weight: 900;

font-style: normal;

}

p {

font-family: averia-libre, sans-serif;

font-weight: 300;

font-style: normal;

}

 

Se recomienda siempre especificar ambas propiedades font-weight y font-style cada vez que se use una fuente.

 

Aquí hay una lista común de fuentes y sus mapeos correspondientes en peso.

 

  • 100 Fina
  • 200 Extra-Light
  • 300 Light
  • 400 Normal, Book
  • 500 Medium
  • 600 Semi-bold
  • 700 Bold
  • 800 Heavy
  • 900 Black

 

Puedes ampliar información en http://www.edgefonts.com/