Contenido

Google Font Directory, WebFonts disponibles para todos

20 may

+ 17

Google Font Directory es un repositorio que Google pone a la disposición de todos los desarrolladores donde unificar diferentes fuentes que podremos usar como webfonts en nuestras aplicaciones web.

fonts_before_webfonts_after
(Ver Imagen)

El directorio, contiene por el momento un número reducido de fuentes disponibles, así como ejemplos de como quedan y obviamente el código necesario para incluirlo en nuestras aplicaciones web.

// HTML
<link href='http://fonts.googleapis.com/css?family=Crimson+Text' rel='stylesheet' type='text/css'>
// CSS
h1 { font-family: 'Crimson Text', arial, serif; }
// @import
@import url(http://fonts.googleapis.com/css?family=Crimson+Text);

Javascript

Paul Irish publica un artículo en el que nos ilustra de las opciones disponibles de Google Font Directory, así como de WebFont Loader, una librería Javascript ideada para trabajar con el repositorio de Google con la colaboración de la gente de TypeKit.

<html>
  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js">
    </script>
    <script type="text/javascript">
      WebFont.load({
        google: {
          families: [ 'Tangerine', 'Cantarell' ]
        }
      });
    </script>
    <style type="text/css">
      .wf-inactive p {
        font-family: serif
      }
      .wf-active p {
        font-family: 'Tangerine', serif
      }
      .wf-inactive h1 {
        font-family: serif;
        font-size: 16px
      }
      .wf-active h1 {
        font-family: 'Cantarell', serif;
        font-size: 16px
      }
    </style>
  </head>
  <body>
    <h1>This is using Cantarell</h1>
    <p>This is using Tangerine!</p>
  </body>
</html>

Además, nos muestra Font Previewer (con jQuery) :D

En la vida como en LOST, no todo es malo ni todo es bueno. Ni Google es lo peor del mundo ni es el salvador que todosesperabamos, pero hay días en los que lo parezca :D

WebM, el códec de vídeo open source de Google

19 may

+ 17

La palabra de moda hoy es WebM, y si has estado toda la tarde pegado al Google Reader, Twitter o red social similar seguro que estás más que saturado de información al respecto. Si por el contrario, has hecho como yo y te has pegado una tarde offline 100%, estarás emocionado al ir leyendo poco a poco lo que estas 4 letras significan y pueden llegar a significar.

webm-devpreview
(Ver Imagen)

¿WebM?

Antes de empezar con una definición, hay que recordar que esta tarde ha tenido lugar la famosa y archiconocida Google I/O, una congregación de desarrolladores promovida por Google para presentar sus nuevos productos, osea una Keynote de Apple o un desfile de Cibeles de Versace. En ella nos muestra lo que estará de moda esta temporada :D

WebM, es el nombre que Google le ha dado al nuevo proyecto que pretende hacer frente al estandar de vídeo h264. Recordemos que Google adquirío hace unos meses la empresa On2, propietaria del codec VP8 con la intención de liberarlo a la comunidad. Y bueno, parece que así lo han hecho.

Antes

old
(Ver Imagen)

Ahora

new
(Ver Imagen)

WebM incluye:

¿Pero quien apoya esto?

Pues si aún no estás pegando botes en la silla, agarrate por que Mozilla, Opera y Adobe apoyan esta iniciativa y ponen en jaque a Microsoft y Apple que apoyaron fuertemente h264 anteriormente. Pese a que por el momento h264 está ganando la partida, WebM lleva detrás 4 grandes empresas (Google incluida) que hoy por hoy contribuyen a que Internet se mueva.

(Gracias Venkman): Además del importánte número de fabricantes de chips que apoyan la iniciativa:
AMD,ARM,Brightcove,Broadcom,Collabora,Digital Rapids,Encoding.com,Grab Networks,iLinc,INLET,Kaltura,Logitech,MIPS,Nvidia,Ooyala,Qualcomm,Skype,Sorenson,Telestream, Texas Instruments,Verisilicon,ViewCast,Wildform

¿Podemos probarlo ya?

Tranquilo, tranquilo, deja de pegar botes en la silla. No te muerdas las uñas. Mozilla ha puesto a nuestra disposición una “nightly version” para que podamos ir viendo como funciona el invento y por supuesto, Opera ha hecho exactamente lo propio con una versión que podemos descargar y usar.

Además Google ha comenzado a convertir sus videos al nuevo estandar y podemos activarlo muy fácilmente.

  1. Accede a http://www.youtube.com/html5
  2. Allí te dará la opción de activar la opción experimental de Youtube (este paso quizás ya lo tengas hecho)
  3. Desde esa misma URL buscamos cualquier video (por ejemplo trailers).
  4. Una vez con los resultados en pantalla, añadimos a la url (&webm=1)
  5. Debería quedar algo así (http://www.youtube.com/results?search_query=trailers&aq=f&webm=1.)
  6. Pulsamos Enter, y a ver videos en alta calidad :D

He de decir que me ha sorprendido lo fluido que van los videos.

Más información

Actualización [8:08]:

jhuesos nos informa que Microsoft se ha pronunciado sobre el tema y confirma que la próxima versión de Internet Explorer, la 9.0, dispondrá de soporte para VP8.

Microsoft contra Internet Explorer 6

14 may

+ 35

Una muestra de que Microsoft está intentando hacer las cosas bien y enmedar sus errores pasados es la campaña que ha comenzado contra Internet Explorer 6, más concretamente contra la ignorancia de los usuarios que la están usando y no saben que hay alternativas mejores para sus equipos.

ie8milk
(Ver Imagen)

Esto además de demostrar que tienen un camino por duro camino por delante, son conscientes de donde está el negocio y que su antiguo engendro está relentizando el boom en Internet. Con estas y otras medidas, pronto podremos disfrutar de una Internet más rica.

Via

Internet Explorer 9, ¿el navegador definitivo?

8 may

+ 59

NetVicious me muestra un enlace directo al MSDN de Microsoft en el que nos muestra los resultados de una serie de tests realizados con los principales navegadores sobe elementos HTML5, DOM Level3, CSS3, SVG,…

IE9-HTML5-status
(Ver Imagen)

En los resultados vemos como Internet Explorer 9, consigue un 100% sobre todos los tests realizados frente a los demás navegadores actuales. Según comentan estos resultados están basados en 192 tests realizados en colaboración con la W3C para evaluar el estado de los navegadores actuales.Podemos acceder a cada uno de los tests accediendo directamente desde el enlace en la sección y módulo indicado.

Suelo pecar de ingenuo y esta vez quiero ser cauto, pero si estos resultados son verdad, estamos a punto de vivir una revolución en Internet. ¿Os imáginais un Internet Explorer completamente adaptado a los estándares web? ¿Se acabaron las limitaciones?

Google Chrome apunto de pasar HTML5 Test

15 abr

+ 26

HTML5Test es el nuevo test de referencia para los navegadores web. Similar a Acid 3 Test, pero enfocado a las nuevas funcionalidades HTML5, este test nos permite ubicar la estandarizacion de un navegador mediante un valor numérico y así comparar entre ellos.

HTML5testChrome
(Ver Imagen)

Actualmente, Google Chrome es el navegador que más funcionalidades HTML5 ha implementado, lo que hace que se coloque a la cabeza con un 86% de la implementación.

Continua —>

Administra tu WordPress desde el iPad

3 abr

+ 2

El iPAD ha llegado (o está apunto de hacerlo) y si eres un apple fanboy que ya lo tenga ya puedes administrar tu WordPress como Diós manda desde el iPad con WordPress for iPhone OS 2.4. Una aplicación que podrás descargar desde iTunes e instalar en tu iPad para administrar tu WordPress.

wordpress-ipad-compose
(Ver Imagen)

Básicamente me parece la versión del iTouch inflada con un inflador de playa, mucho más grande y cómoda de usar, pero sin aportar nada nuevo.

Via

Continua —>

Flash vs HTML5, pongámoslos a prueba

22 mar

+ 75

Se habla mucho de que HTML5 va a matar a Flash, y que las nuevas tecnologías que se están integrando en los nuevos estándares ofrecen versiones compatibles muy superiores a lo que ahora podemos conseguir con flash.

Pero la gente de Man in Blue, no se contentó con solo leer lo que otros opinaban, así que se han puesto manos a la obra para realizar un benchmark entre los diferentes lenguajes disponibles.

flash-vs-html5
(Ver Imagen)

En el ejemplo ha usado una aplicación que genera partículas aleatorias y las mueve por la página caóticamente haciendo trabajar el procesador de nuestra máquina.

Podemos verla funcionando en:

Los resultados

graph_win_ie
(Ver Imagen)
graph_win_chrome
(Ver Imagen)
graph_osx_safari
(Ver Imagen)
graph_osx_ff
(Ver Imagen)

Como podemos ver en las gráficas, la superioridad de Flash está latente en todos los navegadores. Da igual el número de partículas que se usen, los resultados, actualmente, son muy superiores a los conseguidos con las otras alternativas.

Han ganado esta batalla, pero aún no han ganado la guerra“, con esta frase expreso lo que siento al ver estos resultados. Flash está ahí, y poco a poco esto debería de ir cambiando. Tendremos que estar atentos :D

Microsoft Windows te permitirá elegir el navegador que quieras

22 feb

+ 17

A partir del 1 de Marzo los usuarios de Windows podrán elegir el navegador por defecto de sus sistema operativo. De esta forma, el sistema operativo de Microsoft cumple con la normativa que la Unión Europea le impuso para evitar la ventaja que Internet Explorer tenía sobre los demás navegadores al estar por defecto en el sistema operativo.

4370168266_ddd0407201
(Ver Imagen)

Se ofrecerá mediante una actualización desde Windows Update y el usuario (cada usuario del sistema) podrá seleccionar su navegador por defecto. El navegador seleccionado se descargará y se instalará directamente desde la aplicación, haciendo sencillo el uso para cualquier usuario  que verá como su navegador por defecto se instala automáticamente en sus sitema.

Actualización (23/02/2010 10:19):

Nukeador nos avisa de que Mozilla ya ha empezado a mover ficha con una campaña para informar a los usuarios sobre la importancia de esta elección.

Google Buzz, el friendfeed de Google

10 feb

+ 9

Despues de Google Wave, el gigante de Internet ha presentado Google Buzz, un nuevo servicio integrado en Gmail que a simple vista parece una versión de Twitter, pero que cuando profundizas un poco más descubres que se trata de una versión de FriendFeed (herramienta encargada de recopilar toda tu información social que Facebook compró no hace mucho).

buzz-portada
(Ver Imagen)

Google Buzz

A diferencia de Google Wave, esta herramienta parece tener una finalidad concreta y fácil de ver por el usuario de a pie. Básicamente, se encarga de recoger información de diferentes sitios (usándo los feeds de estos) para almacenar información sobre nosotros.

buzz-sites
(Ver Imagen)

Esta información, al igual que los demás sitios sociales, será seguida por los usuarios que hayan decidido “seguirte” y que por consecuente están interesados en tu actividad por la red. Además de la información procedente de otros sitios, nos permite añadir información al estilo Twitter/Facebook, con lo que estás pensando en este momento.

buzz-comment
(Ver Imagen)

El editor enriquecido, le dá una buena pasada a Twitter acercándose a lo que nos ofrece Facebook (me gusta más esta forma de incrustar imágenes que la que Facebook nos ofrece). Permitiendo subir imágenes, incluir links y leer imágenes de los links que estamos pasando para hacer nuestros “Gweets” (Esto es mio, Google + Tweet).

buzz-images-link
(Ver Imagen)

buzz-images-link2
(Ver Imagen)

Aprovechando nuestras fotos en Picasa, añadir imágenes previamente subidas será una tarea tan sencilla como seleccionar la fotografía.

buzz-add-photo
(Ver Imagen)

Desde el interface web, no hay mucho más que contar ya que no se trata de nada nuevo ni revolucionario. Es más de lo mismo y que ya conocemos.

Google Maps + Buzz

Por otro lado, tenemos Google Maps (para Android) completamente integrado con Google Buzz mediante una capa de información aplicada que nos mostrará información sobre tu Buzz geolocalizada.

buzz
(Ver Imagen)

Desde esta información podemos acceder a Gweets que usuarios han dejado desperdigados por el mapa. Una vez en ellos, nos permite comentarlos o generar los nuestros propios.

buzz3
(Ver Imagen)

A la hora de generar un Gweet desde Google Maps, nos permite tomar una fotografía y adjuntar al Gweet de una forma tan cómoda como con los clientes de Twitter para Android.

buzz4
(Ver Imagen)

Aplicación del Market

Por el momento la aplicación que hay en el Market de Google Buzz no es la aplicación oficial de Google, y simplemente es una aplicación que se encarga de abrirnos el navegador y mostrarnos el interfaz móvil de Google Buzz (yo desde Android aún no he podido verlo, aunque desde el iTouch si y está bastante bien conseguido).

Conclusión

Personalmente, creo que Google Buzz tiene su miga, aún no le he encontrado una utilidad más que la de complementar la información que Google tiene de mi, habrá que estar más al tanto de como va evolucionando.

HTML5 Video, más problemas de estándares

26 ene

+ 8

HTML5 ha llegado, y aunque sea pronto para que el usuario pueda disfrutar de todo su potencial, los desarrolladores hace ya unos meses que podemos ir viendo lo que será el Internet de dentro de unos años.

El tag <video /> es el que más revuelo está teniendo, y no solo por su integración en sitios como Youtube o Vimeo, sinó por los estándares soportados por cada navegador.

Mozilla se ha puesto firme al respecto y ha anunciado que no piensa incluir el estandar h264, ya que este no es un codec abierto y existen otros que si lo son (y como vimos ofrecen mejor calidad).

Esto nos deja en una situación en la que los navegadores web que actualmente soportan el tag <video /> de HTML5:

  • Presto/Opera: HTML5 mediante GStreamer (incluye sólo Ogg/Theora).
  • WebKit/Chrome: HTML5 mediante ffmpeg (Ogg/Theora y H.264/MP4).
  • Gecko/Firefox: HTML5 con Ogg/Theora.
  • WebKit/Epiphany: HTML5 mediante GStreamer (Ogg/Theora garantizado).
  • WebKit/Safari: HTML5 mediante QuickTime (H.264/MOV/M4V, puede reproducir Ogg/Theora con XiphQT components).

Nos encontramos frente a una guerra en la que empresas como Apple y Microsoft, forman parte de la MPEG-LA, empresa que tiene la patente del codec h264, frente a Mozilla (por el momento) que se ha posicionado en contra de usar una tecnología propietaria que condicione la red.

Las palabras de Asa Dotzler no pueden ser más claras:

La web no sería lo que es hoy si cada blogger tuviera que pagar por una licencia para publicar imágenes y texto en una página. Los vídeos tampoco tendrían que requerir el pago de licencias.

La Free Software Fundation pone a nuestra disposición la página de sugerencias de Google para que votemos por el uso de estándares libres en Youtube. No dudes en dejar tu voto.

Por una internet más libre y menos controlada por las patentes.