Contenido

¿Tendrá Internet Explorer 9 soporte SVG?

19 ene

+ 6

En 456 Berea St leo que Microsoft ha enviado una petición para participar en el grupo de desarrollo del estándar SVG, al parecer esto podría significar que la versión 9.0 del navegador de Microsoft soportará este estándar. No se ha confirmado nada, pero ya va siendo hora que Internet Explorer se suba al carro del SVG, ya que los demás navegadores hace ya tiempo que lo implementan.

svg_IE9
(Ver Imagen)

Para usar SVG desde Internet Explorer por el momento tenemos que usar alguna alternativa que implica tener que instalar un plugin en el navegador, o convertirlo en Google Chrome :D

WordPress 2.9.1 está al caer

23 dic

+ 14

Al parecer esta nueva versión va a durar poco, si, menos aún de lo que vienen durando últimamente. Al parecer han detectado 3 fallos que hacen sea necesario generar una versión nueva y volver a molestar al personal.

Los fallos detectados

Para solucionar estos fallos, tenemos un parche para solucionar los problemas sin tener que actualizar todo nuestro WordPress, que muy amablemente los chicos de Semiologic nos han unido. Simplemente son unos ficheros que se ubicarán en el directorio wp-includes/ de nuestro WordPress.

La versión 2.9.1

La nueva versión, que podría ver la luz en breve, no solo corregirá estos problemas, sino que solventará otros 17 errores menores que han sido ya detectados y se están solucionando para esta nueva versión.

Señores!, estamos en la web 2.0, el usuario aporta contenido… y también ayuda a depurar las aplicaciones sociales. Menos mal que el tiempo de respuesta para solucionar problemas es similar al de publicación de versiones :D

MooTools Forge, repositorio de plugins

12 dic

+ 0

Siempre he dicho que la única pega de MooTools es la falta de plugins disponibles en comparación con jQuery. Los desarrolladores del framework, son conscientes de ello y por ese motivo lanzan Forge, un repositorio de plugins donde buscar herramientas desarrolladas para MooTools

mootools.forge
(Ver Imagen)

Como valor añadido, nos ofrece información sobre las dependencias de cada plugin, para así poder ajustar nuestra versión del framework a las necesidades del plugin. Al igual, que la documentación necesaria para hacerlo funcionar.

Actualmente, la actividad es bastante baja, pero espero que poco a poco el repositorio crezca y ofrezca más y mejores plugins, que podamos utilizar.

IE9: Una vista al futuro de Internet Explorer

18 nov

+ 16

IEBlog publica un artículo para acercarnos Internet Explorer 9 (o lo que pretenden que sea) a los desarrolladores. Son conscientes de que el navegador necesita un cambio, y principalmente de imagen ya que entre los desarrolladores no podría tener peor fama.

Dean_PDC_2
(Ver Imagen)

Para hacer frente a las nuevas aplicaciones web, cargadas de Javascript, IE8 mejoró algo el tiempo de proceso frente a los resultados obtenidos por su versión anterior, como vemos en la imagen.

Por otro lado, el más importante, la adopción de estándares asoma un triste 32/100 en los resultados actuales de Acid3 con la versión de desarrollo, que aunque se trata de un resultado muy inferior a sus contrincantes (que hace ya tiempo lo pasaron al 100%), nos permite vislumbrar una pequeña mejoría que quiero coger con ilusión :D

Dean_PDC_4
(Ver Imagen)

Como vemos en la imagen, border-radius pasará a formar parte de las nuevas funcionalidades disponibles en esta última versión que junto a los selectores CSS3 y el almacenamiento DOM hará que IE9 parezca hasta un navegador :D

NOIE6Day, llegó el día

18 oct

+ 19

Bueno, por fín ha llegado, hace más de 234 días que nació la inciativa (voluntaria) de NOIE6Day y que pretende hacer que el día de hoy sea un punto de inflexión en la vida de Internet Explorer 6. Por ese motivo, apartir de hoy a las 00:00 nuestras webs deberían excluir las CSS’s para este navegador, dejando el contenido a la vista y eliminando los estilos.

Personalmente, soy partidario de mostrar un mensaje de alerta al usuario informándo que tiene más opciones a las que está usando y que además de ser una ayuda a todos los desarrolladores web del mundo, estará mejorando la seguridad de su navegación, la velocidad y sobretodo estará adaptado a lo que la nueva Internet pretende ofrecer con los nuevos estándares.

¿Por que queremos deshacernos de Internet Explorer 6?

acid3-ie6
(Ver Imagen)

A buen entendedor pocas palabras bastan :D

¿Que hemos probado para reemplazarlo?

Hemos probado a hacerle hasta Voodoo (:D), también lo hemos probado con Javascript, incluso Google ha metido mano en el asunto. Y por fin, estamos viendo los resultados.

¿Como nos deshacemos de él?

Fácil, hacemos que los estilos CSS de nuestra página no se vean para este navegador. Además le mostramos un mensaje de alerta informándole que hay a su disposición de forma gratuita alternativas mejores y le damos enlaces para que se pueda actualizar fácilmente. Cruzamos los dedos y esperamos a que algún usuario se dé por aludido y decida dar el paso :D

<head>
...
<?php
function NOIE6() {
 $start = date('U', mktime(-12, 0, 0, 10, 18, 2009));
 $now = time() + date('Z') * -1;
 $isIE6 = eregi("MSIE 6\.[0-9]+", $_SERVER['HTTP_USER_AGENT']);

 if ($isIE6 && ($now >= $start)) return true;
 return false;
}
// Desde este día, no las mostramos
if ( !NOIE6() ) {
 echo '<link rel="stylesheet" type="text/css" href="styles.css" />';
}
?>
...
</head>
<body>
<!--[if IE 6]>
<div id="usuarios-ie">
La versión de Internet Explorer que estás utilizando no es recomendada para navegar en Internet.
Te recomendamos que actualices a <a href="http://www.microsoft.com/windows/products/winfamily/ie/default.mspx">una versión más reciente</a> o pruebes otros navegadores como <a href="http://www.mozilla.com" title="Firefox web browser">Firefox</a>, <a href="http://www.opera.com/" title="Opera Browser">Opera</a>, <a href="http://www.apple.com/safari/" title="Apple Safari">Safari</a> o <a href="http://www.google.com/chrome" title="Google Chrome">Chrome</a>
</div>
<![endif]-->
....
</body>

Sencillo y rápido de implementar :D

Y si tengo WordPress??

Si tienes WordPress será aun más fácil, simplemente tienes que añadir el siguiente código a tu fichero functions.php úbicado en el directorio de tu theme.

<?php
function noie6($url){
	$start = date('U', mktime(-12, 0, 0, 10, 18, 2009));
  	$now = time() + date('Z') * -1;;
 	$isIE6 = eregi("MSIE 6\.[0-9]+", $_SERVER['HTTP_USER_AGENT']);

  	if ($isIE6 && ($now >= $start))  return "";
  	return $url;
}

add_filter("stylesheet", "noie6");
add_filter("stylesheet_uri", "noie6");
?>

Otras formas de llamar la atención del usuario

No obligo a nadie a seguir esta iniciativa, entiendo que muchos proyectos no se pueden permitir hacer esto, pero siempre podemos hacer otras cosas para llamar la atención del usuario, que de eso va la idea. Hacer que los usuarios que no conscientes de que están usando un navegador anticuado tienen otras alternativas.

Encontrando la gracia de Google Wave

13 oct

+ 3

Despues de leer algunos comentarios “constructivos” sobre mi primera impresión sobre Google Wave, decidí buscarle la chicha al nuevo servicio de Google.

Busqué en su uso para gestionar proyectos, pero como dicen tambien en los comentarios, no creo que una gran empresa cambie su herramienta (que le ha costado X) por una herramienta que centraliza el contenido en servidores ajenos.

Pensé en usarse para editar documentos en tiempo real entre varios usuarios… pero recordé Google Docs, y seguí pensando que no había nada interesante en esta aplicación.

Así que al final llegué a lo que realmente es interesante en Google Wave, y es, todo lo que se puede llegar a hacer sin usar Google Wave.

Osea, que la gracia de Google Wave no está en Google Wave, sinó en sus entrañas.

Google Wave

Si partimos de que Google Wave es una aplicación web que pretende cambiar el concepto que tenemos del email, nos encontramos una herramienta que como mínimo, consigue su objetivo pero a costa de que el contenido se quede en los servidores de Google (absorviendo más información sobre nosotros).

Es cierto que la idea es interesante e innovadora, que probablemente se convierta en la herramienta de email del futuro, pero no creo que sea únicamente por su fantástico interface, sinó por la capacidad de integración que Google Wave Protocol promete ofrecer.

Google Wave Federation Protocol

federation_diagram
(Ver Imagen)

Aquí es donde está la gracia de Google Wave, es la creación de un protocolo federado que nos permitirá establecer comunicación en tiempo real entre cliente y servidor.

Basado en XMPP, este protocolo de mensajería funciona almacenando ciertos cambios en ámbito local que serán enviados al servidor donde convergen los diferentes usuarios para procesar los cambios y retornar un listado ordenado cronológicamente de los cambios propagando el resultado a todos los usuarios.

Más información al respecto

  1. Google Wave Protocol
  2. Proyecto Google Wave Protocol (Google Code)
  3. Robots en Java y Python
  4. Especificación (borrador) del Protocolo de Google Wave
  5. Instalación del servidor Google Wave Protocol
  6. Más recursos

Y tenemos Google Wave…vale, ¿y que?

9 oct

+ 51

Hace unos días que recibí la invitación para usar Google Wave, y desde entonces he estado intentado encontrarle una utilidad a el sistema propuesto por Google.

google_wave_portada
(Ver Imagen)

¿Que dice Google que és?

Google nos explica en una infinidad de videos que Google Wave nace para reemplazar al, ya entradito en años, email. Que aunque parezca mentira tiene ya más de 30 años.

Para entenderlo, imaginemos un mail que enviamos a nuestro amigo X en el que indicamos un tema, le añadimos imágenes, videos,… una vez enviado, recordamos que Y también te pidió información al respecto, así que cambias la dirección de destino y vuelves a enviar el correo.

Sin darnos cuenta, estamos duplicando la cantidad de información que está navegando por Internet. Y Google pretende innovar en este sentido.

La idea es alojar ese contenido en un Wave y en lugar de duplicarlo, simplemente haremos que más gente lo pueda ver, añadiendo los que queramos puedan ver dicho contenido.

Ya que estamos, añadimos más opciones

Aprovechando dicho cambio, y ahí es donde está la espectacularidad de Google Wave, se añade una capa de javascript que se encarga de ofrecer un interface muy rico y cargado de funcionalidades.

Waves enriquecidos

Además de las opciones WYSIWYG que ya teníamos en gMail, nos encontramos con la capacidad de incrustar imágenes/videos entre el texto para generar “minipáginas web”.

google_wave_wave3
(Ver Imagen)

Anidamiento

Para olvidarnos de responder emails, Google Wave nos permite anidar comentarios dentro de un Wave, como vemos en la imagen.

google_wave_anidado
(Ver Imagen)

Modificar el contenido ya escrito en un Wave

Otra funcionalidad que podemos encontrarnos al editar un wave es la posibilidad de editar contenido (tuyo o de otro usuario) al más puro estilo Wiki.

Para siempre tener un control de los cambios realizados tenemos la opción Playback que nos permite visualizar la correlación de cambios realizados en ese Wave.

google_wave_playback
(Ver Imagen)

Escritura en tiempo real

También es muy curioso ver como los usuarios que están online y editando el Wave, van escribiendo en él.

google_wave_online_write
(Ver Imagen)

Gadgets

Los gadgets, nos sirven para insertar elementos dinámicos que aportan una funcionalidad extra dentro de nuestro Wave, hasta ahora solo he probado los de encuesta, sudoku y mapas, aunque hay mucha información para crear tus propios Gadgets.

google_wave_wave
(Ver Imagen)

Mi opinión

Aún es muy pronto y es una versión alpha, lo que indica que le faltan muchas opciones y que aún no podemos ver todas las funcionalidades que podremos llegar a usar en un futuro. Pero así y todo, no convence.

MarcosBL, en un Wave lo describía como:

‘El resultado de una orgía entre un Foro, el MSN y un Wiki’

Y creo que no se podría haber expresado mejor, ya que una vez entras en Google Wave, eso es lo que te encuentras… y ya está. La primera impresión es de decepción total, el que te hayan estado metiendo Google Wave por todos ojos todos los días y a todas horas, quizás ha hecho que las espectativas fueran más altas de lo que deberían ser.

Hay que alabar la labor de Google en la creación del interface, que es impresionante y muy completo, aunque lento como el solo.

Por el momento, está la cosa muy verde y aún queda mucho camino por recorrer, pero las primeras impresiones han sido, por lo menos en mi caso, decepcionantes.

Aclaración

Cuando accedí la primera vez, Google Wave me obsequió con 8 invitaciones las cuales volaron en el primer minuto en el que me pude sentar delante del PC. Lo siento, pero no me quedan ninguna más.

WebGL disponible ya en Firefox 3.7

21 sep

+ 3

Hoy Ajaxian publica una interesante noticia en la que nos anuncia que las últimas nightly builds ya disponen de WebGL o lo que es lo mismo Canvas3D.

¿Que és WebGL?

Básicamente se trata de una tecnología que nos permite utilizar gráficos 3D nativamente en nuestro navegador sin tener que descargar ningún plugin para ello.

Esto se logra añadiendo al HTML5 una serie de métodos que permitan que Javascript pueda sacar el contexto3D al elemento <canvas />.

Navegadores con WebGL

Actualmente WebKit era el único que disponía de dicha maravilla, y está disponible desde principios de Septiembre. Ahora Firefox también nos permite usar algunas de las funcionalidades en las últimas Nightly Builds.

Google Chrome, al estar basado en WebKit se comprometió a apoyar esta tecnología (además de la suya (O3D)). Por otro lado, Opera está apoyando su propio estandar con un estilo diferente la iniciativa con una versión nativa con ligeras diferencias a la de Firefox (Gracias Punkesito).

Como siempre Internet Explorer no se ha pronunciado al respecto, pero seguro que terminarán sacando algo que emule esta tecnología.

Aunque de momento solo podremos soñar con usarla algún día en real.

Adapta tu WordPress a la tecnología móvil

8 sep

+ 11

El año pasado, en el Congreso de Webmasters, disfruté con la charla de Roberto Martín, concretamente con la charla “Web para dispositivos móviles“. Una charla que nos introducía de lleno en el futuro de los dispositivos móviles y su acceso a la red.

En la charla, se hablaron de muchos números, sobretodo cifras de usuarios potenciales que como desarrolladores no podemos despreciar.

En el mundo hay 6.700.000.000 de personas, de los 4.000.000.000 son usuarios de dispositivos móviles (o al menos existen 4.000.000.000 de dispositivos). 1.400.000.000 millones son usuarios de internet en ordenadores y 550.000 de usuarios de internet a través del móvil, principalmente en países en vías de desarrollo (Rusia, China, Brasil e India, especialmente), donde los móviles son más asequibles. En el 2012 se prevé que los usuarios de internet móvil superen los 1.500.000.000 de usuarios

Este extracto que saco del blog del Congreso del año pasado, nos muestra una cifra que sin lugar a dudas debemos respetar o como mínimo tener en cuenta.

Adapta tu WordPress

Los que usamos WordPress lo tenemos realmente fácil, gracias a uno de los tantos plugins de los que podemos hacer uso, adaptar nuestro contenido es tan sencillo que instalar uno de estos plugins:

  1. WordPress Mobile Plugin
  2. MobilePress
  3. WordPress Mobile Edition (este es el que estoy usando ahora)
  4. Mowser WordPress Mobile
  5. Mobilize bt Mippin WordPress Plugin
  6. Wetomo WordPress to Mobile
  7. Quick SMS
  8. WP-WAP

Cualquier otro desarrollo

Si por el contrario quieres adaptar el contenido de cualquier otra aplicación, ya sea propia o prefabricada esta serie de opciones te permitirá conseguir el mismo efecto:

  1. Diego Martín (Minid) desarrolló un framework para adaptar fácilmente aplicaciones al iPhone
  2. Recordamos algunos consejos para desarrollar para el iPhone
  3. Google Mobilizer, haz tu web móvil (y fea) con esta herramienta de Google.
  4. Ubik, más fácil no puede ser. 4 pasos y tu web para móviles.
  5. jQTouch, adaptación para iPhone con este plugin jQuery.
  6. Muchas más…

Documentación interesante

Os añado información útil al respecto:

  1. Cómo diseñar para la web móvil. Una aproximación práctica (Alzado.org).
  2. Tu sitio web en dispositivos móviles (Maestros del Web),
  3. Mi Web Móvil (interesantes artículos relacionados con la web móvil).
  4. Guía breve de Web Móvil (W3C).
  5. Recursos sobre web móvil (Sortega.com).

¿A que esperas para adaptar tu web?

Navegadores modernos: ¿para que tanta velocidad?

11 ago

+ 26

Con la llegada de Google Chrome, parece que la palabra “velocidad” se ha puesto de moda.  ¿Pero realmente necesitamos tanta velocidad?

He estado haciendo unas pruebas muy rústicas, osea he copiado la página de Yahoo! España en una copia local y le he añadido 2 líneas de Javascript, una al inicio de la página y otra al final de la misma.

<script type="text/javascript">var timeTest = new Date().getTime();</script>
[...] // Toda la página
<script type="text/javascript">console.log("Tiempo: " + (new Date().getTime() - timeTest) + "ms");</script>

Misteriosamente, tiene un par de <noscript /> fuera del </html>, por eso he puesto la línea al final del fichero, fuera del </html>.

Aclaraciones

No se deben hacer ningún tipo de caso a estas pruebas, no tienen ningún valor científico son simplemente una pequeña prueba que he montado.

La prueba se ha realizado sobre la misma página, en el mismo ordenador, con las mismas aplicaciones abiertas y varios navegadores. Se han hecho 5 cargas y se ha sacado una média aritmética de los resultados obtenidos.

Resultados

Los resultados que he obtenido en la primera carga de la página, la siguientes se notaba el caché de partes de la misma,  son los siguientes.

// Windows XP
Firefox 3.5.2: 2566ms.
Chrome 3.0.195.6: 2435ms *
Safari 4.0: 2450ms.
Opera 10.00 Beta 2: 2422ms.
Internet Explorer 8: 2860ms.

* Despues termina de cargar las imagenes.

imagen(2)
(Ver Imagen)

Hemos de tener en cuenta que Google Chrome, el más rápido de los testeados ha cargado las imagenes despues de mostrar el alert() lo que hace que el tiempo sea tan bajo. Pero esta cutre medición no da para más :D.

La mayor diferencia, la encontramos entre IE8 vs Opera, y es de 438ms. Una diferencia realmente insignificante…

Realmente, ¿es tan importante la velocidad?

PD: No he tenido en cuenta la velocidad de apertura que es la que más fastidia a los usuarios de Firefox.