aulambra.com

El trabajo de esta semana ha estado focalizado en HTML5 y hemos seguido profundizando en el manejo de elementos de vídeo, así como las nuevas características de los formularios. En la parte social poco a poco seguimos extrayendo jugo de  Facebook.

Como siempre seguimos animando para que colaboréis en nuestras webs. ¿Te animas? Pues ponte ponte en contacto con nosotros.

Estas semanas en las webs de aulambra.com encontrábamos:

Línea de Código

• Autofoco a un campo con HTML5
• Controlar volumen de vídeo HTML5 con un Slider
• Tiempo total de un vídeo HTML5
• DataList en HTML5
• Elemento rango en formularios HTML5
• Comparar con la fecha del sistema en Javascript

Ayuda en la Web

• Compartir fotos de Facebook con gente que no tiene Facebook
• Rotar una foto en Facebook
• ¿Quién puede ver nuestras fotos de Facebook?

W3Api

Entre los elementos modificados o añadidos tenemos:

• DOM:Element.focus()
• Java:ICC_ColorSpace
• Java:ColorSpace
• Java:AWTError
• Java:IllegalComponentStateException
• Java:HeadLessException
• DOM:HTMLMediaElement
• HTML5:DataList
• HTML5:Option
• DOM:Event
• HTML5:Input
• Java:FontFormatException
• Java:AWTException
• Java:Window
• Java:Toolkit
• Java:TexturePaint
• Java:TextField
• Javascript:Math
• Javascript:Date

Preguntas dentro de Dudas de Programación:

• Control de fechas en Javascript
• Problemas con el interface gráfico en Swing
• … además puedes ayudar a resolver las preguntas sin respuesta.

En los Foros de Ayuda en la Web han preguntado las siguientes cosas:

¿Algún foro que no tengamos y que te gustaría crear? Contacta con nosotros.

Recuerda que nos puedes seguir en Twitter:

• @aulambra
• @ayudaenlaweb
• @lineadecodigo
• @unapaginaweb
• @dudasprogamar
• @w3api

O hacerte fan en Facebook de Aulambra, Linea de Código, Una Página Web, Ayuda en la Web, W3Api o Dudas de Programación.

Hacía mucho tiempo que no realizábamos pruebas con el Peacekeeper Benchmark y una de las cosas que tenemos nuevas es que ya hay disponible una nueva versión del benchmark, la cual ha cambiado la forma de puntuar los navegadores.

Lo bueno que tiene el Peacekeeper Benchmark v1 es que además de revisar el engine Javascript incorpora una analítica del soporte de HTML5.

Los resultados del mes de enero de 2012, utilizando los navegadores en su última versión estable, han sido los siguientes:

• Google Chrome 17.0 – 2.842
• Opera 11.61 – 2.271
• Safari 5.1.2 – 1.632
• Firefox 10 – 1.377
• Internet Explorer 9.0 – 1.229

Aún con el cambio de sistema de puntuación del test se puede comprobar que Google Chrome 17 es el navegador web con mejor puntuación y que Opera 11.61 es el único que puede plantarle algo de cara. Interesante lo del Opera 11.61, ya que en otros test como vimos en los resultados de Enero 2012 con V8 Benchmark deja que desear.

Pobres los datos de Firefox 10, el cuál tiene un resultado muy similar al Internet Explorer 9.0. Se sigue atragantando el Peacekeeper Benchmark a los chicos de Mozilla. En mitad del todo encontramos a Safari 5.1.2

Si hablamos del soporte HTML5 vemos que el soporte de capacidades se distribuye de la siguiente forma:

• 6/7 - Google Chrome
• 5/7 –  Firefox y Opera
• 3/7 – Safari e Internet Explorer

El valor de los test es orientativo. Ya que las puntuaciones varían dependiendo de la máquina y el sistema operativo. Si bien, nos sirven para ver como se posicionan de forma global los navegadores de cara al Peacekeeper Benchmark.

Los test han sido realizados sobre un Intel Core Duo E6750. Sobre un sistema operativo Windows Vista.

Hace mucho tiempo (más de un año) que no lanzábamos una prueba del V8 Benchmark sobre los navegadores web del mercado. Y la verdad que las cosas han cambiado desde ese diciembre del 2010.

Los resultados del mes de diciembre 2010, utilizando los navegadores en su última versión estable, han sido los siguientes:

• Google Chrome 17.0 – 8.444
• Firefox 10 – 5.209
• Opera 11.6 – 3.574
• Safari 5.1 – 2.700
• Internet Explorer 9.0 – 2.140

Podemos apreciar que Google Chrome ya anda por valores que rondan los 8500 puntos y que sigue siendo el navegador web que mejores resultados da en el V8 Benchmark.

También son remarcables los datos de Firefox e Internet Explorer. En el caso del Firefox porque ha dado un cambio radical a sus resultados en el último año, pasando de tener un engine Javascript con pésimos resultados a ser el seguidor de Google Chrome.

En el caso de Internet Explorer se agradece que ejecute el test. Ya que en la versión de Internet Explorer 8.0 se quedaba colgada la máquina. Y con un resultado de 2.140 puntos bastante cercano a los valores de Safari y Opera.

Safari y Opera parecen estar un poco dormidos en los laureles, ya que su mejora del último año a penas se puede cuantificar en unos cientos de puntos. Quizás igual que su sistema inmovilista de versionado.

El valor de los test es orientativo. Ya que las puntuaciones varían dependiendo de la máquina y el sistema operativo. Si bien, nos sirven para ver como se posicionan de forma global los navegadores de cara al test V8 Benchmark.

Los test han sido realizados sobre un Intel Core Duo E6750. Sobre un sistema operativo Windows Vista.

¿Está subiendo Internet Explorer? ¿Qué ha sucedido? ¿Un espejismo? La verdad que Internet Explorer ha sufrido una leve mejoría en el mes de Enero. Algo que no le pasaba desde el mes de Junio 2011

En enero 2012 hemos tenido los siguientes datos:

• Internet Explorer – 52,96%
• Firefox – 20,88%
• Google Chrome – 18,94%
• Safari – 4,9%
• Opera – 1,67%

Y es que Internet Explorer ha subido en algo más de un punto con respecto a Diciembre 2011. Y en el otro lado tanto Firefox como Google Chrome han perdido ese porcentaje.

¿Estamos ante un posible cambio de tendencia? La verdad es que no, ya que la subida se ha distribuido a partes iguales entre el Internet Explorerr 8 y el Internet Explorer 9. Es decir, no se ve que Internet Explorer 9 haya empezado a ganar más mercado. Así que parece ser algo circunstancial.

Otro efecto interesante es ver la velocidad de cómo aparecen y desaparecen las versiones de los navegadores. Así Google Chrome 15 ha seguido la siguiente línea de evolución.

• Octubre 11 – 1,42%
• En noviembre 11 – 14,58%
• En diciembre 11 – 8,71%
• En enero 12 -0,47%.

Es decir, Google Chrome 15, en el plazo de 4 meses a nacido, crecido y desaparecido del mercado. Queda reflejado fielmente que la política de versionado de navegadores está funcionando y que no dejará versiones colgadas con el paso del tiempo.

Puedes utilizar la gráfica de navegadores web en tu web insertando el siguiente código HTML.

<img src="https://docs.google.com/spreadsheet/oimg?key=0Ath6Q0W3iuuAdFJlYTgtbVlNYk56cHJJS2ZOVkFNZ1E&oid=3&zx=quibtzianeq6" />

Si lo utilizas déjanos un comentario. Nos hace ilusión

Información recogida en Net Market Share.

Un año más en el mercado de los  navegadores web y la subida de Google Chrome sigue imparable. Aunque algunas estadísticas ya lo dan por encima de Firefox, en nuestro caso guiándonos por Net Market Share vemos que todavía no lo ha superado. Aunque ya anda cerca de superarlo.

En diciembre 2011 hemos tenido los siguientes datos:

• Internet Explorer – 51,87%
• Firefox – 21,83%
• Google Chrome – 19,11%
• Safari – 4,97%
• Opera – 1,66%

Y si echamos la vista atrás y vemos el mismo mes del año pasado comprobaremos las siguientes variaciones:

• Internet Explorer – -5,21%
• Firefox – -0,98%
• Google Chrome – 9,13%
• Safari – -0,92% (hay que tener en cuenta que solo es en PC. Crece en Tablets)
• Opera – -0,57% (le pasa lo mismo que a Safari, y es que Opera Mini es utilizado fuera del PC)

Vemos que Google Chrome ha sido el único navegador web que ha crecido en el ámbito de los navegadores web de escritorio y que Internet Explorer sigue perdiendo una media del 5% del mercado al año.

Nos espera un 2012 en el que posiblemente Google Chrome se estabilice como la referencia de los navegadores web destronando a Internet Explorer. Sobre todo si  Google Chrome que sigue con una campaña de marketing publicitario tan agresiva a través de la publicidad su buscador Google.

No sé si el acercamiento a los estándares de Internet Explorer 9 e Internet Explorer 10, junto con la salida de Windows 8 podrán trastocar esta situación.

Por otro lado, parece que Opera y Safari desisten de su mercado en navegadores web de escritorio y se centran en dispositivos móviles y tablets. En el caso de Safari porque con MacOS se dan por satisfechos y por el lado de Opera porque o se meten en una gran campaña de marketing o no salen de su 2% de mercado.

El 2012 se presenta muy interesante en el ámbito de los navegadores web de dispositivos móviles, al cual, desde aulambra.com estaremos muy atentos.

Puedes utilizar la gráfica de navegadores web en tu web insertando el siguiente código HTML.

<img src="https://docs.google.com/spreadsheet/oimg?key=0Ath6Q0W3iuuAdFJlYTgtbVlNYk56cHJJS2ZOVkFNZ1E&oid=3&zx=quibtzianeq6" />

Si lo utilizas déjanos un comentario. Nos hace ilusión

Información recogida en Net Market Share.

El pasado 8 de noviembre fue liberado Firefox 8 para las plataformas Windows, Mac y Linux. La principal novedad que trae Firefox 8 es la inclusión de Twitter como herramienta de búsqueda en su barra. Así, podremos buscar en Firefox 8 información relacionada tanto con #hashtags como @usuarios.

Otra de las mejoras que incorpora Firefox 8 es la carga de pestañas bajo demanda. Esto permitirá que los reinicios sean más rápidos en Firefox 8 si en la última sesión cerramos y guardamos con pestañas abiertas.

En el campo de los addons se elimina la posibilidad de instalación automática. Ahora todos los addons tendrán que tener una confirmación por parte del usuario en su proceso de instalación. De esta manera se evitaran instalaciones no deseadas o perniciosas en nuestro navegador.

Firefox 8 trae un conjunto de novedades de cara a los desarrolladores. La primera es la mejora en el soporte de WebGL. Firefox 8 proporciona soporte de Cross-Origin Resource Sharing (CORS), lo cual permitirá a los desarrolladores cargar texturas WebGL de otros dominios de forma segura. Google Maps GL y sus mapas en 3D es un ejemplo de uso.

En el campo de HTML5 Firefox 8 ha incluido soporte del atributo contextmenu, con lo cual podremos personalizar mediante HTML5 el menú emergente que sale al pulsar con el botón derecho. También se han implementado las nuevas especificaciones de websockets. Y se han corregido bugs como el escalado de gráficos SVG cuando estos tienen imágenes de fondo.

Si eres desarrollador y utilizas Firefox 8 te recomendaría ver todas las mejoras para desarrolladores.

Ya solo te queda descargar Firefox 8 y empezar a trabajar con él.

YouTube tiene muy claro el impulso que le quiere dar al formato de vídeo WebM. WebM es un formato de vídeo, gratuito, de código libre y preparado para la web.

Es por ello que YouTube tiene la idea de convertir el 100% de sus vídeos a formato WebM. Para ello, los vídeos irán comprimidos con el codec VP8 y el audio irá con el codec de Vorbis.

A día de hoy, y lanzando la búsqueda…

http://www.youtube.com/results?webm=1

Podemos ver que hay 20,7M de vídeos en formato WebM, mientras que 232M siguen sin estar en WebM.

Para poder visualizar los vídeos en WebM deberemos de utilizar el visor de vídeos HTML5 de Youtube.

En el caso de tu navegador web debes de utilizar Chrome, Firefox, Opera o Internet Explorer. Todos en sus últimas versiones. Caso aparte queda Safari, y es que la compañia de Steve Jobs, sigue sin dar soporte al formato WebM (en inglés).

Parece que el mercado de los navegadores web no se ha visto impactado por las últimas versiones de los navegadores, ni por su cambio en la política de versionado. Echemos un vistazo a los últimos datos…

En abril 2011 hemos tenido los siguientes datos:

• Internet Explorer – 54,27%
• Firefox – 21,71%
• Google Chrome – 12,52%
• Safari – 7,28%
• Opera – 2,03%

Y es que ni el Internet Explorer 9 ni el Firefox 4 han conseguido alterar los resultados de forma clara. Ahora que la suerte ha sido dispar, por un lado Internet Explorer sigue en su particular caída y ya está cerca del 54%, mientras que Firefox ha conseguido parar mínimamente su descenso subiendo un 0,10%.

Si entramos en detalle de las versiones, Firefox si que ha conseguido que sus usuarios se pasen a Firefox 4, mientras que en el caso de Internet Explorer queda pendiente una gran actualización (parece que será a final de mes) e Internet Explorer 6/7/8 siguen siendo sus puntas de lanza. Habrá que ver si en el cambio a Internet Explorer 9 e Internet Explorer 10 se ganan o pierden usuarios.

Google Chrome sigue a sus anchas buscando su techo en el mercado y con un incremento medio del 0,47% cada mes. Si siguiese con ese promedio y vista la estabilidad de Firefox, Google Chrome, en diciembre de 2012, pasaría a ser el segundo navegador del mercado. Y si Internet Explorer no para su caída, Google Chrome conseguiría ser el navegador más utilizado a finales del 2014.

Por último nos gustaría señalar el caso del Opera Mini y es que este mes ya alcanza una cuota del 1,27%. Si se descuidan los chicos de Opera, su Opera Mini pasará a ser más utilizado que el navegador normal.

Puedes utilizar la gráfica de navegadores en tu web insertando el siguiente código HTML.

<img src="http://spreadsheets.google.com/oimg?key=0Ath6Q0W3iuuAdFJlYTgtbVlNYk56cHJJS2ZOVkFNZ1E&oid=3&v=1254528123448" />

Si lo utilizas déjanos un comentario. Nos hace ilusión

Información recogida en Net Market Share.

Firefox, después de tenernos tanto tiempo en vilo por su Firefox 4, ha pasado a modo combate y pretende marcarse un calendario más estricto de publicación de versiones. Y es por ello que ya tenemos disponible la versión Firefox 5 beta.

Lo principal acerca de Firefox es su nuevo modelo de control de versiones. Es por ello que dentro del desarrollo de Firefox se definen los siguientes canales:

• Nightly, compilaciones diarias del código.
• Aurora, será el canal para desarrolladores.
• Beta, serán las versiones beta del navegador
• Final Release, será la versión estable de Firefox

Adicionalmente Firefox aporta la capacidad de cambiar de canal dentro del navegador e ir probando los diferentes canales.

Por lo que se refiere a la versión Firefox 5, que ya nos podemos descargar, encontramos las siguientes mejoras:

• Soporte al estándar CSS para animaciones
• La capacidad de cambiar de canal comentada anteriormente
• Parece que la cabecera do-not-track (para evitar que terceros recopilen información de nuestra navegación) se ha movido para promover la capacidad de ser detectado.
• Mejoras de rendimiento Javascript, en la gestión de memoria y en el acceso a la red.
• Mejoras en el soporte de los estándares HTML5, XHR, MathML, SMIL y Canvas.
• Mejoras en el corrector ortográfico.
• Mejoras en la integración con el escritorio para sistemas Linux.

Veremos como funciona a Firefox este nuevo sistema de gestión de versiones.

Aunque ya llevamos casi un par de meses con Firefox 4 en el mercado vamos a ver un pequeño listado de características de la “tan esperada” versión 4.

De momento, en estos dos meses,Firefox 4 ya ha alcanzado un 5,43% en el mercado, que junto al 13,52% de Firefox 3.6 y algunos valores residuales de otras versiones nos dan el 21,63% de la cuota de mercado de Firefox en Abril 2011. Listando las características de Firefox 4 podemos ver las siguientes:

• Quizás lo más importante sean las mejoras de rendimiento.
  • Firefox es entre 3 y 6 veces más rápido que  Firefox 3.6, dependiendo del benchmark.
  • Nuevo engine Javascript llamado JägerMonkey.
  • Firefox 4 se protege ante cuelgues de sus complementos.

• Tiene un cambio del interface orientado a la idea que están siguiendo el resto de navegadores.
  • El menú aparece en la parte superior izquierda (en formato Opera). De esta forma consigue tener un mayor área de visualización de las webs.
  • Desaparece la barra de estado. Esta solo aparece cuándo pasemos por encima de un enlace. Nuevamente, más área de trabajo.
  • Los marcadores se llevan a un botón que aparece a la derecha de la barra de navegación. A su lado está el botón de inicio.
  • Modificación en las ventanas de complementos con el interface “In-Content”. Con la idea de unificar toda la información.

• Nuevo gestor de ventanas y pestañas.
  • Pestañas de aplicación. Posibilidad de tener pestañas fijas.
  • Agrupación de pestañas mediante Panorama. Algo que ya hacía la gente en los escritorios de los sistemas operativos. Pura organización.
  • Cambio de pestañas desde la barra de direcciones.

• Seguridad
  • Rápida identificación del sitio web que estemos visitando.
  • Capacidad de no ser rastreado ni registrado nuestro comportamiento.

• Mejoras para los desarrolladores con más soporte HTML5.
  • Codecs WebM para poder ver en HD
  • Soporte a los formularios HTML5
  • Mejoras en el interprete de HTML5.
  • Versión inicial del IndexedDB para el uso de memoria local.
  • Gráficos 3D con WebGL y CSS3
  • Uso de gráficos SVG como imágenes y fondo de pantalla.
  • Mejoras en el API Javascript para el manejo de audio
  • Carga de complementos on-line (sin reiniciar el navegador). Mediante el API JetPack.
  • Nueva consola web para los desarrolladores
  • Soporte multi-touch

• Firefox Sync
  • Para sincronizar datos del navegador en diferentes instancias.
  • Sincronización de datos de contraseñas y contenido de formulario.

Para ver las descargas de Firefox 4 de forma localizada se ha creado la página web Glow. Una web muy original. Aunque lo mejor que puedes hacer es descargarte Firefox 4 y empezar a trabajar con él.