aulambra.com

Parece que la gente se interesa en HTML5, así que hemos empezado a focalizar las webs en este lenguaje, así con ejemplos como visualización de vídeos en HTML5 dentro de Línea de Código y una catalogación de elementos HTML5 dentro de nuestro API General de referencia W3Api.

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

• Embeber fuentes en CSS3
• Convertir un fichero ISO en UTF-8
• Cargar un vídeo de diferentes formatos con HTML5
• Cargar un vídeo en HTML5

Ayuda en la Web

• Recuperar la contraseña de Facebook
• Navegadores web más utilizados
• Qué es el Omnibox de Google Chrome

W3Api

Hemos empezado a catalogar elementos HTML5, así que animaros a meter información. Entre los elementos modificados o añadidos tenemos:

• HTML5:VIDEO
• HTML5.SOURCE
• Java:MenuItem
• Java:MenuShortcut
• Java:MouseInfo
• Java:PageAttributes
• Java:OutputStreamWriter
• HTML5:AREA

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.

Hemos empezado el 2012 y desde las webs de aulambra.com hemos empezado ya a trabajar con nuevos artículos y muchas novedades (que os iremos descubriendo poco a poco).

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

• Obtener la ruta absoluta de un fichero con Java
• Efecto leer más texto simplificado con jQuery
• Efecto slide con jQuery
• Efecto leer más texto con jQuery
• Modernizr y las capacidades HTML5 y CSS3

Ayuda en la Web

• Qué es el Omnibox de Google Chrome
• Búsquedas en páginas web desde Google Chrome
• Buscar desde Google Chrome
• Recuperar una pestaña cerrada en Google Chrome
• Descargar Google Chrome
• Distribuciones de Google Chrome

W3Api

• Java:Label
• Java:Util.List
• Java:AWT.List
• Java:MediaTracker
• Java:Menu
• Java:MenuBar
• jQuery:Toggle
• jQuery:Siblings
• jQuery:Hide
• jQuery:Slide
• Java:File

Esta semana en Dudas de Programación han preguntado las siguientes cosas:

• Problemas con Java
• Crear formularios dinámicos en Javascript
• … además puedes ayudar a resolver las preguntas sin respuesta.

¿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.

Opera 11.6 con nombre en clave Opera Tunny fue liberado a principios de diciembre del año pasado. Y creo que esta versión merece una pequeña revisión.

¿Qué nos podemos encontrar en Opera 11.6? Pues Opera 11.6 ha focalizado sus esfuerzos en tres cosas:

1. Evolución de su motor de renderizado Presto y el soporte de estándares
2. Mejora de la barra de direcciones.
3. Integración de su módulo de correo electrónico en el navegador.

Engine Presto 2.10

Opera 11.6 busca una mejora en la adopción de estándares, centrándose principalmente en lo referente a HTML5 y CSS3. Así podemos encontrarnos con mejoras como:

• HTML5 Parser, implementado el algoritmo de análisis de documentos HTML5.
• Soporte para atributos del elemento HTML5 video: preload, buffered,…
• Implementado el API HTML5 de Microdata
• Soporte completo de ECMAScript 5.1
• Soporte de recepción de ArrayBuffers en XMLHttpRequest Level 2
• Mejoras en el soporte de gradientes CSS3: radial-gradient y repeated-radial-gradient.
• Soporte para el interface SVGLength en CSS3
• Soporte del atributo image-rendering de CSS4
• Implementado el nuevo API JSON de Geolocalización de Google.

Mejora de la barra de direcciones

Opera 11.6 proporciona un renovado campo de direcciones, el cual facilita la búsqueda de direcciones de varias formas: ofreciendo mejores sugerencias y presentando mejor acceso a los favoritos.

Así, al final de la barra encontraremos una estrella la cual nos permitirá de una forma cómoda:

• Añadir una URL a los marcadores
• Añadir una URL al Speed Dial

Integración del módulo de correo electrónico

Nos ofrece el módulo de correo electrónico mejor integrado con Opera 11.6

No cabe duda que jQuery sigue siendo uno de los frameworks Javascript más importantes y utilizados por los desarrolladores y fruto de su uso aparece la nueva versión jQuery 1.7. En jQuery 1.7 podemos encontrar una nueva forma de asignar y desasignar eventos, mejoras de soporte HTML5 para navegadores antiguos, optimización de sus objetos y métodos en búsqueda de un mejor rendimiento y algún método nuevo que otro.

Pero echemos un ojo, en detalle, a las novedades que vienen en jQuery 1.7. Entre ellas encontramos:

• on() y off(), se ha decidido estandarizar y mejorar la gestión de eventos. Para ello se han creado estos dos métodos con los que podremos asociar/desasociar eventos a los elementos de la página. Aunque los métodos que existían hasta ahora como bind(), unbind(),.. seguirán presentes en jQuery 1.7 se recomienda que se pase a utilizar on() y off().
• Mejora de rendimiento en los métodos delegados, se ha refactorizado el manejo de eventos para que la delegación de eventos sea mucho más rápida. Consiguiendo una reducción del 50% con respecto a jQuery 1.6.4.
• Soporte HTML5 para Internet Explorer 6/7/8, estas versiones de Internet Explorer no soportan las tags de HTML5 y además son eliminadas del DOM. jQuery 1.7 nos ayudará a soportar los tags HTML5 en esos casos. Para ello deberemos de cargar html5shiv o Modernizr.
  
• Cambios en las animaciones, se han corregidos problemas que se producían cuando se cambiaba entre animaciones y si la última había terminado mediante un .stop().
• Asynchronous Module Definition (AMD), jQuery 1.7 da soporte a la especificación del API AMD la cual nos sirve para cargar los módulos de forma asíncrona.
• jQuery.Deferred, se han extendido este objeto con nuevos manejadores y métodos de notificación.
• jQuery.isNumeric(), utilidad sencilla, pero que no existía. Nos devuelve true si el dato es numérico.

Además y como es normal, un buen grupo de bugs han sido corregidos.

Tienes toda la información sobre jQuery 1.7 en http://blog.jquery.com/2011/11/03/jquery-1-7-released/

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).

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.

Maqetta es la apuesta de IBM, vía su apoyo a la Fundación DOJO, como editor visual para la construcción de aplicaciones HTML5.

Maqetta es resultado de todo el trabajo que la gente de IBM está realizando alrededor del framework javascript DOJO. Si bien, Maqetta, realiza algún pequeño uso de componentes jQuery y YUI.

Dentro de las características de Maqetta encontramos:

• Editor WYSIWYG
• Trabajo del editor mediante drag&drop de componentes
• Posibilidad de crear temas para aplicarlos a diferentes páginas
• Se puede modificar la CSS de cada componente de forma sencilla. Y es que cada componente tiene su propia CSS.
• Permite definir estados. Estos estados nos permitirán diagramar transiciones entre estados de las páginas dotándole de dinamismo a las mismas.
• Posibilidad de añadir notas por diferentes diseñadores del proyecto.
• …

Maqetta puede ser utilizado de forma online o mediante descarga e instalación en local.

Puedes trabajar directamente o descargarte Maqetta desde http://maqetta.org/

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.

Cuánta gente que a lo largo de los años ha estado relacionada con el HTML ha buscado el logo del lenguaje… y es que simplemente no existía ninguno estándar. Parece ser que el grupo involucrado en HTML5 ha reparado en eso y ha entendido que el lenguaje con el que estarán hechas todas las páginas del futuro (qué atrevido) tenga su logo.

Pronto veremos correr como un reguero de pólvora el nuevo logo de HTML5 en muchas páginas de Internet… Nosotros ya lo tenemos en nuestra página de ejemplos sobre HTML5.

Pero la cosa no queda aquí, ya que a parte del logo de HTML5, cada una de las partes de la especificación de HTML5 pasa a tener su propio logo.

Echarles un vistazo…

Styling	Semantics	Performance
Offline	Multimedia	Device Access

Ya se pueden encontrar sticks, posters, camisetas,… mucho merchandising del logo HTML5.

Ponte al tanto de todo sobre el logo de HTML5 en http://www.w3.org/html/logo/