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

El soporte de CSS3 va a buen ritmo tanto en los navegadores como en su utilización dentro de las páginas web. Y es que CSS3 fue una especificación que ofreció un conjunto aceptable de capacidades de diseño (esquinas redondeadas, degradados, sombras,…), suficientes como para llevar este buen ritmo de implantación.

Todo esto bien apoyado por una definición estructurada basada en módulos CSS3 que ha permitido ir cumpliendo las especificaciones de forma paralela.

Pero la W3C ya está pensando en su siguiente paso y en lo que será CSS4. En este sentido el CSS Working Group ha publicado un borrador sobre lo que serían los selectores en CSS4 o más conocido como Selectors Level 4.

En Selectors Level 4 podemos encontrar cosas como:

• Selecciones por grupo o compuestas. matches( .x, .y)
• Pseudoclases basadas en la localización. local-link.
• Pseudo clase nth-match() para controlar número de elementos hermanos antes del elemento actual.
• Pseudoclases para el acceso a tablas de datos 2D. colum.
• Referencias combinadas.
• $E > F para determinar relaciones padre-hijo.
• Pseudoclases enfocadas al tiempo. current.
• Pseudo clase :indeterminate para valores de elementos que sean indeterminados.
• Atributos sensibles a mayúsculas.

Aunque no hay que tirar las campanas al vuelo ya que muchas de las especificaciones de CSS3 siguen estando en Working Draft.

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.

Todavía estamos intentando tomar el pulso al nuevo Internet Explorer 9. Todavía nos frotamos los ojos viendo su nivel de cumplimiento de estándares. Todavía no nos creemos que interprete HTML5. Todavía estamos arreglando alguna cosa de nuestras webs que se ha cargado con tanta compatibilidad… Y ya tenemos preview de Internet Explorer 10.

Tras las primeras impresiones parece que Internet Explorer 10 se centra en mejorar el soporte para CSS3. Incluyendo módulos para Layouts: Multi-Column Layout, Flexible Box Layout y Grid Layout, gradientes CSS3, transiciones CSS3 y transformaciones 3D.

Así que, para trastear, ya puedes descargarte la primera Preview de Internet Explorer 10.

En noviembre de 2010 ya revisabamos las primeras versiones alpha de Opera 11, las cuales causaban muy buenas impresiones tanto en la comunidad como en los test de rendimiento (principalmente en PeaceKeeper).

Pues Opera 11 ya es la versión oficial del navegador desde el pasado 16 de diciembre.

Sin duda alguna, Opera 11 será recordado por el soporte de extensiones, las cuales podremos crear mediante HTML5, CSS3, Javascript y un API propietario de Opera. De lectura recomendable es el artículo de Opera que te explica cómo empezar a crear tu primera extensión en Opera

Descargarnos las extensiones lo podemos hacer desde https://addons.labs.opera.com/addons/extensions/.

Revisando el resto de características importantes de Opera 11 encontramos:

• Pila de pestañas, arrastrando una pestaña encima de otra crearemos una pila de pestañas. Esto minimiza el tamaño de nuestra barra. Podremos expandir y contraer la pila de pestañas.
• Navegación mediante movimientos del ratón, movimientos del ratón permitirán navegar adelante, detrás,… del historial de URLs.
• Indicador de seguridad, la barra de navegación indicará de forma visual el nivel de seguridad de la página.

Otras características que nos encontraremos en Opera 11 son:

• Mejora del rendimiento Javascript
• Capacidad de cargar los plugins bajo demanda. Por ejemplo, solo cargaríamos el Flash si queremos. Ideal para máquinas más limitadas.
• Nuevo panel para el control del email. En el cual podremos crear carpetas para organizar el correo.
• Una nueva barra para los bookmarks.
• Soporte de nuevas tecnologías. En el caso de HTML5 soportan eventos desde el servidor (que nos permitirán ejecutar notificaciones push desde el servidor) y websockets
• …

Puedes leerte todas las mejoras sobre Opera 11 o descargar Opera 11.

Apple ya ha presentado la nueva versión del navegador Safari. Dentro de las funcionalidades que incorpora Safari 5 podemos encontrar:

• Safari Reader, lectura en modo texto, sin publicidad.
• Posibilidad de seleccionar el motor de búsqueda a utilizar: Yahoo!, Google o Bing.
• Programa de desarrollo de extensiones, las cuales tendrán que ser certificadas y firmadas por Apple para poder ser instaladas.
  • Las extensiones serán desarrolladas mediante HTML5, CSS3 y JavaScript.
• Soporte HTML5, con soporte de visualización a pantalla completa del tag <video>
• Mejoras de rendimiento JavaScript en su motor de renderizado (Nitro Engine)
• Soporte para la Geolocalización de HTML5
• Posibilidad de abrir las URL en Tabs mediante configuración.
• Mejoras en el Web Inspector.
• Introduciendo un poco de texto en la barra de navegación, Safari 5 nos ayudará a localizar las posible URL a utilizar.
• …

Puedes echarle un ojo al detalle de todas las nuevas funcionalidades de Safari 5.

Descargate Safari5 para Windows y Mac.

Ya tenemos disponible la preview del nuevo Internet Explorer 9. Esta ha sido presentada en evento MIX10 celebrado hace unas semanas en Las Vegas.

Dentro de las nuevas funcionalidades con las que cuenta el nuevo Internet Explorer 9 conocemos:

• Chakra, como su nuevo motor Javascript. El cual lleva implícitas mejoras de rendimiento.
• Soporte de estándares con soporte de HTML5, CSS3 y SVG.
• Que solo soportará sistemas operativos Windows Vista y superiores.
• Que obtiene un 55/100 en el test de ACID3 (un poco lejos del 100/100 que tienen sus competidores)
• …

Parece que la gente de Microsoft empieza a trabajar, por fin, en un buen navegador. Habrá que esperar al resultado final.

Descargate la preview de Internet Explorer desde http://ie.microsoft.com/testdrive/