Les pido disculpas, no estuve actualizando este blog como debería.
Hace dos semanas estuve en la ciudad de Córdoba donde tuve la suerte de asistir al Barcamp de esa ciudad.
Este evento estuvo genial, un nivel de organización notable y volví con la esperanza de que alguna vez se organice un evento así en Salta.
El BarCamp de Córdoba fue un evento abierto en sentido que cualquiera podía anotarse, pero tenía un cupo de asistentes limitado. Había personas de varios puntos del país, yo fui el único salteño y también habían asistido personas de Buenos Aires como Charly Maiz (otro egresado de Hacer Historia) y Laura Corvalán.
En los Barcamps las charlas son propuestas y elegidas por los asistentes, por eso se los denomina anti-conferencias.
Yo tuve el placer de dar una charla sobre Wikieconomía y Post-capitalismo y hubieron exposiciones de muchísimos temas: Educación, HTML5, SEO, Linux, Seguridad, Apps para iPad y iPhone, SEM, Drupal, etc
Conocí a muchas personas super interesantes en el evento, y aproveché mi estadía en Córdoba para visitar amigos y familiares.
El reproductor se llama Video JS, está basado en javascript y usa las funcionalidades de video de HTML5. El beneficio de su uso reside en que su vista es consistente entre navegadores.
Es gratis y open source, no usa imágenes, se pueden crear infinitos skins con CSS, es una librería independiente, fácil de usar y entender, tiene modo de ventana completa y control de volumen.
Asteroids es un muy viejo y adictivo juego en donde debíamos destruir asteroides y platillos voladores sin morir en el intento.
Doug McInner creó una versión de este juego en HTML5 jugando principalmente con el elemento Canvas, básicamente las imágenes en el juego son definidos por un array de puntos, los cuales luego son trasladados, rotados o modificados sus tamaños basados en sus estados en cualquier punto dado dentro del juego usando transformaciones estándar de Canvas.
Para mas detalles sobre como se hizo el juego sigan este link.
Si quieren jugarlo sigan este link. (Recuerden que su navegador debe soportar HTML5)
Si bien el HTML5 aún no fue aprobado y estandarizado oficialmente, ya son muchas las empresas que apuestan a él y que pusieron a disposición muchas aplicaciones o webs que funcionan con este estándar.
Entre los principales impulsores contamos a Google y Apple. Pero también encontramos varios navegadores que soportan muchas de las características de HTML5, como es el caso de Chrome y Firefox.
Hace mas o menos un mes Niels Leenheer desarrolló esta aplicación que permite puntuar a nuestros navegadores según el grado de soporte respecto de las características de HTML5. Mi Chrome soporta 137 de 160.
Un tema recurrente en el mundo SEO de las últimas semanas ha sido la velocidad de descarga de las webs, porque Google anunció de que este factor será tenido en cuenta en el posicionamiento.
Y acá van dos anotaciones personales en relación a Tweets que vi en mi timeline en los últimos días.
Primero, el hecho de que este factor sea tenido en cuenta en el posicionamiento no implica que sea determinante.
Segundo, no es que este factor influya en el Page Rank, influye en el posicionamiento; la famosa barrita verde depende del número y calidad de los links entrantes y es una factor más que influye en el posicionamiento, aunque evidentemente de manera decreciente.
Por otro lado, me parece lógico este movimiento de Google, una web que se descarga rápido mejora sustancialmente la experiencia del usuario; así que es normal darle ciertos puntos a favor a las webs que lo hagan.
Una buena herramienta para esto es una extensión de Firefox llamada Page Speed; la cual mide los tiempos de descargas y pesos de los archivos involucrados en la descarga de una página. Y no sólo eso, si no que también realiza una serie de sugerencias de optimización.
Por otro lado, es bueno saber como Google ve a nuestros sitios, para ello tenemos la posibilidad de validarlos en Webmaster Central, lo cual nos dará acceso a una serie de datos y herramientas muy interesantes. Allí en la sección labs tenemos una opción llamada “Rendimiento del Sitio”, donde podemos ver las mediciones tomadas por Google y analizar nuestra situación actual.
Creo que como desarrolladores y webmasters siempre debimos estar alerta a este factor, pero muchos recién empezaron a hacerse problema del tema ahora.
Puedo enumerar rápidamente y al pasar algunos tips y factores para agilizar la descarga de las páginas de nuestros sitios.
Alojar el sitio en un servidor potente, si hay un uso exhaustivo de bases de datos o el tamaño de estas es muy grande, este deberá tener una fuerte dotación de memoria RAM.
Habilitar Gzip y Mod Expires.
Minimizar archivos java script y css.
Mantener el código fuente limpio.
Maquetar con divisiones y no con tablas, además eso es muy del 2001, jeje.
Optimizar el tamaño de las imágenes.
El otro día estuve reflexionando un poco sobre el tema y llegué a la conclusión de que la tendencia en diseño web es el minimalismo, y a esto lo ejemplifico con la simplificación extrema que hizo Youtube en su diseño disponible para navegadores que soportan HTML5.
De algunos intercambios de opiniones que tuve en distintas redes sociales me quedo con una frase de @limacohen : Se viene la anorexia web.
Finalmente les dejo la opinión de Matt Cutts ante la pregunta de si la velocidad es mas importante que la relevancia.
Lumenbeing de L.A pregunta, ya que se habla mucho sobre Page Speed, si Google todavía tiene en cuenta la relevancia, o la frescura y el tiempo de carga de la página son más importantes.
La relevancia es lo más importante. Si tienes 2 sitios de igual relevancia y con los mismos backlinks, todo será igual, así que puede que prefieras el más rápido. Page Speed puede, en teoría, ser interesante a la hora de evaluar el posicionamiento de diferentes sitios web. Pero la relevancia es el primer componente y hay unas 200 señales más para intentar devolver los resultados más relevantes, útiles y precisos que encontremos. Así que esto no va a cambiar.
Nuestra filosofía siempre intentará “servir las mejores páginas a los usuarios”. Intentar darles información sobre lo que buscaron. Pero si puedes acelerar tu sitio, esto beneficiará a los usuarios y a los motores de búsqueda. Es algo en lo que hemos pensado en Google. Sería genial encontrar los sitios rápidos o acelerar los sitios web que ofrecen una mala experiencia al usuario. Sólo sería un factor entre 200, pero significaría que esta persona ha trabajado duro para ofrecer una buena experiencia de usuario, además de la relevancia. Así que ¡vamos a mostrar eso a los usuarios!
HTML5 soporta microdata que es un estándar para especificar información estructurada entre páginas.
Google empezará a soportar microdata en sus Rich Snippets (info adicional que aparece entre el título y la descripción de cada resultado), sumándose al soporte que ya tiene a los microformatos y RDFa. Utilizando este estándar en nuestras webs ahora podremos especificar información de reviews, eventos y perfiles.
Código de ejemplo sin usar el estándar:
<div>
<h1>Review: L’Amourita Pizza</h1>
Written by Bob Smith
Jan 15, 2010
Rated <b>4.5</b> – Excellent
</div>
En lo últimos meses el equipo de Google ha realizado numerosas actualizaciones en la versión móvil de Gmail.
Los resultados, además de implicar mejoras, demuestran que la velocidad de carga del servicio se ha incrementado notablemente como puede verse en el gráfico,
En estas actualizaciones se empezó a utilizar en forma mas intensiva HTML5 gracias a que los navegadores mas recientes de los celulares ya lo soportan.
Con la ayuda de HTML5 los desarrolladores han podido crear una aplicación mas rica y poderosa.
La ventaja de hacer las aplicaciones para la web es que se crea solo una, por supuesto que sea lo mas adaptable posible a la mayoría de los dispositivos mas populares, en vez de estar creando aplicaciones específicas para cada plataforma. Pero también esto implica perder algunas posibilidades avanzadas en interface y usabilidad.
Con HTML5 no es que se va a terminar la era de las aplicaciones descargables pero si se va ha hacer mas borroso el límite entre las aplicaciones basadas en las plataformas de los dispositivos y las que están basadas en navegadores web.
Comentarios recientes