aulambra.com

Modularizable, rápido y con soporte multinavegador. Estas tres características tiene que tener todo buen framework de desarrollo de Javascript. Y esos son los tres valores que ha buscado jQuery en su versión jQuery 1.8

Modularidad de jQuery 1.8

Y es que si vas incrementando las funcionalidades de jQuery no puede ser que el framework sea cada vez más pequeño, por lo tanto lo que se ha hecho ha sido modularizar el framework. Esto significa que montaremos el framework con el core y los módulos del framework que realmente estemos utilizando. Consiguiendo quedar el fichero lo más pequeño posible.

Para conseguir esto, la gente de jQuery se ha apoyado en la herramienta Grunt.

Rapidez

En la versión jQuery 1.8 han modificado todo el engine de selectores (parte muy vital del framework), para que este ocupase menos y fuese más rápido.

Soporte Multinavegador

Si estás trabajando con CSS3 te habrás dado cuenta que volvemos a tener una “guerra de navegadores” o quizás, mejor llamada, “guerra de prefijos”. Y que si trabajas con transformaciones, gradientes,… tienes que utilizar los prefijos -moz, -ms, -webkit,….

jQuery 1.8 nos ayuda a olvidarnos de todo el problema de gestión de prefijos y sus métodos de manipulación de css controlan si tienen que insertar el prefijo o no.

Un poco fuera de estos tres pilares también es digno reseñar que están modificando su sistema de animaciones y que en versiones futuras será algo a mejorar. De momento ya tenemos la capacidad de tener callbacks progresivas. Podéis ver un ejemplo de uso de las nuevas animaciones.

Si te gusta mucho el jQuery 1.8 o eres muy friky o tienes mucho tiempo/interés te puedes leer todas las mejoras y bugs corregidos en jQuery 1.8.

Ya solo te queda descargar jQuery 1.8 y empezar a utilizarlo:

• jQuery 1.8 para entornos de producción
• jQuery 1.8 para entornos de desarrollo

El uso de Modernizr cuando trabajamos con HTML5 y CSS3 se hace imprescindible a día de hoy. Esta semana hemos visto cómo utilizar polyfills para ayudarnos en esta tarea.

Además estamos muy contentos ya que la actividad en las páginas de nuestras redes sociales está muy viva y tenemos muchas colaboraciones.

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

• Crear un slider con jQuery
• Como utilizar un Polyfill con Modernizr
• Utilizar Placeholder con jQuery
• Menú Contextual en HTML5

W3Api

Entre los elementos modificados o añadidos tenemos:

• Java:ICC_Profile
• Java:ICC_ProfileGray
• Java:ICC_ProfileRGB
• Java:CMMException
• Java:ProfileJavaException
• HTML5:Menu
• Java:ClipboardOwner
• Java:FlavorListener
• Java:FlavorMap
• Java:FlavorTable
• Java:Transferable
• HTML5:Input

Preguntas dentro de Dudas de Programación:

• Deshabilitar una tabla en jQuery
• Iniciando con jqGrid
• Login JSP y Postgres
• Pedir un número y sacarlo troceado por pantalla
• … 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
• @dudasprogramar
• @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.

Después de sus ciclos de desarrollo rápido ya están en Firefox 10 y mirando su detalle de novedades no parece que traiga gran cosa. Pero revisemos un poco en detalle que nos podemos encontrar en Firefox 10 .

Extended Support Release

Lo que quizás haga interesante a Firefox 10  es lo que se conoce como soporte extendido o ESR – Extended Support Release. La idea es que la gente de Firefox 10 congelará la versión 10 y le dará un soporte durante 42 semanas. Semanas en las que solo se liberarán parches de seguridad para la versión congelada. Recordemos que con sus nuevas políticas de actualización nos encontramos con una versión nueva cada 6 semanas.

El concepto del ESR – Extended Support Release está orientado sobre todo a organizaciones. Sitios dónde desplegar un nuevo software requiere de validaciones previas y de un procedimiento de control complejo.

Compatibilidad Automática de las Extensiones

El segundo punto de mejora es en la compatibilidad de las extensiones. Firefox 10 comprobará automáticamente la compatibilidad de las extensiones. Sin necesidad de que los desarrolladores lo validen y aparezcan lapsos de tiempo en los cuales la extensión quede deshabilitada. Además Firefox 10  comprobará cada 24h si las actualizaciones de los addons han sido modificadas.

Inspectores CSS y HTML

Interesante es la concienciación de la gente que desarrolla para los navegadores y de las herramientas que necesitan estas personas. La dependencia con Firebug (y la dependencia que tendremos los desarrolladores de ella durante mucho tiempo) va girando hacía la inclusión de herramientas para depuración de código CSS y Javascript de las páginas. Eso sí, nada que haga sombra a Firebug.

En Firefox 10 encontramos un nuevo inspector de CSS  y quizás un interesante visualizador online de los cambios.

Mejoras CSS3 y HTML5

¿Qué navegador no está volcando a día de hoy todos sus esfuerzos en ser compatible al máximo con CSS3 y HTMl5? Las mejoras que ha incorporado Firefox 10 en esos campos son:

• Soporte a IndexedDB acorde con la especificación
• Soporte a  Transformaciones CSS3
• Soporte al Full Screen API
• Soporte de propiedades CSS dentro del elemento BDI
• … y  muchas más que están perfectamente detalladas.

Descargar Firefox 10

Pues eso, solo te queda descargar Firefox 10 o actualizarte directamente desde el navegador.

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.