Blog de Promineo Studios http://promineostudios.com es Diseño y Desarrollo Web, Tecnologías Web, efectos visuales y mucho más Google Font. Usa cualquier fuente libre en tu web http://promineostudios.com/blog/articulo/google-font-usa-cualquier-fuente-libre-en-tu-web jue, 20 may 2010 13:53:00 GMT Yoné Rocha http://promineostudios.com/blog/articulo/google-font-usa-cualquier-fuente-libre-en-tu-web La diseñadores web han lidiado desde siempre con la lacra de no tener la suficiente libertad a la hora de elegir las tipografías de una página web. Se limitaban a optar por fuentes estándar, como arial, trebuchet, times... o a usar apaños con javascript o flash para incluir alguna tipografía que los sistemas no tenían por defecto.

Con CSS3 llegó @font-face, una propiedad muy útil para definir en una página web fuentes que el usuario no tenga instaladas en su sistema. Si bien CSS3, y por consiguiente @font-face, sólo está implementada en los navegadores más modernos (Safari 3+ y 4+, Firefox 3.5, e Internet Explorer 7+). Desde mi punto de vista no es una solución a corto plazo, pero sin duda se terminará implantando cuando la mayoría de usuarios cuenten con versiones actualizadas de sus navegadores.

Google al rescate

Ayer Google presentó su directorio de fuentes libres que podremos definir en cualquiera de nuestras web. La cantidad de fuentes aún es limitada, pero con total seguridad que ira creciendo con el tiempo. Qué tal si vemos su uso:

Comenzaré con la manera más limpia de utilizar Google Font. Abrimos nuestra hoja de estilos e introducimos un par de líneas para importar y definir la fuente "Reenie Beanie":

@import url('http://fonts.googleapis.com/css?family=Reenie+Beanie');
 
h1 {
font-family: 'Reenie Beanie', "Trebuchet MS", Tahoma, Arial;
}
 

La otra manera, que considero menos limpia y elegante, es introduciendo una línea en nuestro documento HTML y definir la fuente en nuestro CSS.

link href="http://fonts.googleapis.com/css?family=Reenie+Beanie" rel="stylesheet" type="text/css" /
h1 {
font-family: 'Reenie Beanie', "Trebuchet MS", Tahoma, Arial;
}

Para usar otra fuente debemos sustituir el valor del parámetro “family” de la url de importación, Reenie+Benie en éste ejemplo, por el de la fuente que vamos a usar y posteriormente definirla. Por supuesto puedes usar fuentes en cualquier otra etiqueta, clase o identificador.

Mi blog personal puede servir de ejemplo. He usado esta técnica para mejorar el formato de los texto. yonerocha.net

Actualización: He leído en unijimpe que podemos importar varias tipografías en una misma llamada de la API, separando el nombre de cada fuente con "|".

Ejemplo: http://fonts.googleapis.com/css?family=Lobster|Cantarell

]]>
NUKE 6 a punto de salir y un nuevo producto: NukeX 6 http://promineostudios.com/blog/articulo/nuke-6-a-punto-de-salir-y-un-nuevo-producto-nukex-6 mar, 29 sep 2009 10:48:00 GMT Isidro Quintana http://promineostudios.com/blog/articulo/nuke-6-a-punto-de-salir-y-un-nuevo-producto-nukex-6 El ex-software propietario de Digital Domain, se ha convertido sin duda, sino en el mejor, en uno de los mejores programas de composición y efectos visuales de todo el mercado, desde que The Foundry lo compró todo han sido mejoras. Y en Noviembre disfrutaremos de una nueva versión llena de novedades. Parece que Eyeon se tendrá que poner las pilas para competir con su Digital Fusion.

nuke_logoNuke 6.0

Las nuevas características de Nuke 6 han sido creadas haciendo caso a las peticiones de usuarios. Incorporará un nuevo sistema de herramientas de rotoscopia y de pintado. Esta nueva versión incluirá unas flexibles capas (no-destructibles) basadas en jerarquías de pintado integradas con las capacidades de animación y trackeo y soportando propiedades de objetos, tales como modos de fusión o motion Blur.

Como beneficio adicional podremos disfrutar en esta nueva versión del famoso Keylight Keyer por defecto.

NukeX 6.0

NukeX es un nuevo producto de composición e incorporará un sistema de traqueo de camara 3D, herramientas de distorsión de lente y el conjunto de plugins que forman Furnace.

Leer el resto del artículo]]>
100 años de efectos visuales http://promineostudios.com/blog/articulo/100-anos-de-efectos-visuales lun, 24 ago 2009 17:38:00 GMT Isidro Quintana http://promineostudios.com/blog/articulo/100-anos-de-efectos-visuales

100 años hace ya, que los efectos visuales están entre nosotros, gracias a ellos ha sido posible que la imaginación sea realidad, cosas que son imposibles en el mundo real son posibles en el mundo del cine gracias a ellos, en este video veremos la evolución que han sufrido los efectos visuales a largo de los años. Desde los simples trucos de cámara hasta los grandes y complejos avances y procesos tecnológicos que nos permiten seguir soñando y creando. Sigue leyendo para ver el video.

24-08-2009_16-33-29_620_01

24-08-2009_16-34-062_620

Leer el resto del artículo]]>
Promineo Studios Team. Equipo de Fútbol 7 http://promineostudios.com/blog/articulo/promineo-studios-team-equipo-de-futbol-7 dom, 23 ago 2009 14:22:00 GMT Yoné Rocha http://promineostudios.com/blog/articulo/promineo-studios-team-equipo-de-futbol-7 Promineo Studios patrocina, como ya hizo el año pasado, un equipo de fútbol 7. Participante del VI Torneo de Fútbol 7 en honor a Nuestra Señora de Candelaria en el municipio de Tijarafe, La Palma.

Desde aquí le deseamos al plantel del Promineo Studios Team toda la suerte del mundo en su andadura por el torneo.

promineo-studios-team_620

]]>
El futuro ya está aquí. http://promineostudios.com/blog/articulo/el-futuro-ya-esta-aqui mié, 12 ago 2009 03:36:00 GMT Isidro Quintana http://promineostudios.com/blog/articulo/el-futuro-ya-esta-aqui Que la verdad supera siempre a la ficción es un hecho que siempre el sabio tiempo demuestra.

Así lo demuestran novelas tan antiguas como las de Julio Verne, sus inventos de ficción se convirtieron realidad  un siglo después,  él imaginó con antelación los submarinos, los helicópteros, o los cohetes que se lanzan hoy al espacio. Esta historia se repite constantemente a lo largo del tiempo, solo que además de novelas de ciencia ficción, ahora  también tenemos cine.  Es en la época dorada de la ciencia ficción de los 50's y 60's cuando el cine saca a relucir mil y una ideas que luego veríamos plasmados, en los actuales electrodomésticos, coches, teléfonos móviles y un gran etc. de dispositivos. Os voy a poner un video de 1969 de las ideas que existían por entonces, una idea imposible en su época y con lo que sin ello, hoy no podríamos vivir, internet.

hologram

Leer el resto del artículo]]>
¿Qué es el Siggraph y que son los papers? http://promineostudios.com/blog/articulo/que-es-el-siggraph-y-que-son-los-papers mié, 05 ago 2009 16:41:00 GMT Isidro Quintana http://promineostudios.com/blog/articulo/que-es-el-siggraph-y-que-son-los-papers

Hace muy poco he puesto un post y un video sobre la aplicación práctica algunos papers presentados en el Siggraph 2009, mucha gente que no es profesional no sabe ni lo que son papers ni lo que es el Siggraph, voy a poner un pequeño video donde explica bastante bien qué es esto del siggraph. Básicamente este evento es el mayor festival de animación por ordenador, donde se ven los últimos avances tecnológicos, científicos  y artísticos relacionados con esta área.

Los papers son básicamente documentos relacionados con investigación científica y tecnológica, normalmente se tratan de tesis. En el Siggraph tenemos la suerte de poder ver estos papers en acción. Suelen ir relacionados con avances de la animación por ordenador y los efectos visuales, pero también podemos encontrar papers relacionados con otras aéreas de investigación. Muchos de estos papers serán luego aplicados en software, como por ejemplo en el archiconocido Photoshop, que en cada versión suele beneficiarse de alguna de estos avances. Por ejemplo y como comentaba en el otro post, en 2007 se presentó en el Siggraph de mano de Shai Avidan y Ariel Shamir un paper sobre un escalado "inteligente", un año más tarde, Adobe había introducido en Photoshop CS4 este avance.

]]>