feed twitter facebook

Navegadores » Mozilla Junior: Nuevos conceptos para los navegadores web

October 17, 2012 por Víctor Cuervo No Comments

Ya hemos comentado que hay gente haciendo cosas muy interesantes con los navegadores web. Uno de los casos que ya hemos visto es el caso de Dolphin Browser con la gestión en base a gestos y voz. Pero el que, a mi entender, es más interesante, rompedor y concienzudo es el proyecto Mozilla Junior.

La idea del proyecto Mozilla Junior es tener un navegador adaptado al iPad lo cual podría revertir para las futuras versiones de Firefox en el iPad o quizás a un nuevo navegador. Para ello han emopezado un diseño desde cero. Sin basarse en nada anterior.

Está claro que la lucha por posicionar el navegador en los nuevos dispositivos (móviles y tablets) está servida.

Pero vamos a lo interesante, revisemos algunos de los conceptos del Mozilla Junior.

Máximo aproechamiento de la pantalla

Los dispositivos iPad nos ofrecen un menor área de visualización, es por ello que hay que aprovecharlo al máximo. Es por ello que en Mozilla Junior veremos la página web a pantalla completa. No hay barra de navegación, no hay barra de estado,… solo contenido.

Mozilla Junior nos permitirá en una nueva pantalla gestionar la inserción de nuevas URLs o la realización de búsquedas. Es decir, la barra de navegación se convierte en una pantalla a parte.

Los favoritos son logos

En un navegador de escritorio los favoritos suelen estar dentro de un menú. Los menús dejan de ser usables dentro de dispositivos como el iPad. Las listas de elementos anidados en diferentes menús se hacen inmanejables.

En este caso Mozilla Junior aprovecha la página de URLs y búsqueda para manejar los favoritos. Pero los favoritos se convierten en logos. En logos que hacen referencia a la página que tenemos guardada. Algo mucho más visual e intuitivo. Eso sí, mucho más fácil de manejar en el dispositivo.

Botones a los lados para poder ser manejado por los pulgares

Mozilla Junior nos presenta dos botones a la derecha e izquierda de la pantalla (lo único que perturba las páginas web cargadas). La idea es que con los pulgares podamos llegar a cualquiera de las funciones que tengamos que hacer con el navegador: ir a la página de URL, volver a la página anterior, recargar,… Centra en estos dos botones todas estas acciones.

Multiusuario de una forma sencilla

Un PC de escritorio o un portatil suele ser utilizado por una persona/dos personas normalmente. Pero el iPad es un dispositivo de la casa susceptible de ser utilizar por todas las personas. Y cada persona querrá mantener su historial, sus favoritos,…

Es por ello que Mozilla Junior viene con una sencilla gestión de multiusuario. Simplemente seleccionamos el usuario con el que queremos trabajar y pasamos a encontrarnos en la sesión de dicho usuario. Cada vez que se abre el navegador, Mozilla Junior nos preguntará de nuevo el usuario a utilizar.

Usamos las tabs como nuestro “historial activo”

La navegación por tabs apareció para poder soportar multiples navegaciones en un navegador de escritorio, pero al final se ha convertido en un sistema para tener un “historial activo” de sitios a los que tengo que volver, porque quiero hacer algo que no hice en ellos.

La gestión de tabs en un iPad es compleja, se apelmazan (lo podeis probar con el Chrome o Safari para iPad) y se convierten en inmanejables.

Mozilla Junior nos muestra las ultimas navegaciones, pero en un carrusel de screenshots. Por los cuales podemos movernos y volver a recuperar uno de los sitios en los que habíamos estados. Nos sigue dejando nuestro “historial activo”, pero sin pestañas.

Te recomiendo que te veas de principio a fin la charla de presentación de Mozilla Junior

http://www.youtube.com/watch?v=q5HPjhZeLYE

Ya solo nos queda esperar a que los chicos de Mozilla nos liberen a Mozilla Junior.

tags: , , , , , , , , , , , , ,

Navegadores » Firefox 8

November 11, 2011 por Víctor Cuervo No Comments

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.

tags: , , , , , , , , ,
preguntaSi tienes dudas, preguntas, curiosidades,... sobre Firefox no dudes en visitar el Foro sobre Firefox y participar con los temas que se tratan.
http://foros.ayudaenlaweb.com/forum/firefox

Navegadores » Firefox 4

May 17, 2011 por Víctor Cuervo No Comments

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:

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

tags: , , , , , , , , , , , , , , ,
preguntaSi tienes dudas, preguntas, curiosidades,... sobre Firefox no dudes en visitar el Foro sobre Firefox y participar con los temas que se tratan.
http://foros.ayudaenlaweb.com/forum/firefox

Navegadores » Tab Stacking

January 10, 2011 por Víctor Cuervo No Comments

Como ya vimos revisando las novedades que trae Opera 11 una de ellas es el Tab Stacking, o apilamiento de pestañas. Esta nueva técnica nos permite organizar las pestañas del navegador de una forma más cómoda.

Sin duda alguna Opera es el navegador que mejor trabajo ha hecho con la gestión y previsualización de pestañas. El resto de navegadores deberán de tomar muy buena nota.

Veamos en un vídeo como funciona el Tab Stacking:

tags: , , ,
preguntaSi tienes dudas, preguntas, curiosidades,... sobre Opera no dudes en visitar el Foro sobre Opera y participar con los temas que se tratan.
http://foros.ayudaenlaweb.com/forum/opera

Navegadores » Opera 11

January 8, 2011 por Víctor Cuervo No Comments

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

tags: , , , , , , , , , , ,
preguntaSi tienes dudas, preguntas, curiosidades,... sobre Opera no dudes en visitar el Foro sobre Opera y participar con los temas que se tratan.
http://foros.ayudaenlaweb.com/forum/opera

En nuestras webs » Semana 18.octubre.2010

October 28, 2010 por Víctor Cuervo No Comments

aulambraLa colaboración en  Línea de Código de esta semana venía a cargo de José Sevilla con Sacar un naipe de la baraja con PHP. Puedes visitar su web Puertos Abiertos.

En Ayuda en la Web seguimos mejorando el repertorio de artículos sobre Firefox.

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:

Linea de Código

Ayuda en la Web

W3Api

Esta semana en Dudas de Programación 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:

O hacerte fan en Facebook de AulambraLinea de Código, Una Página WebAyuda en la Web.

tags: , , , , , , , , , , , , , , , , , , , , , , ,

Navegadores » Opera 10

September 2, 2009 por aulambra No Comments

opera_logoYa tenemos disponible la nueva versión de Opera, Opera 10. Esta versión que tenemos disponible en 43 idiomas y para plataformas Windows, Linux y Mac nos presenta las siguientes funcionalidades:

  • Opera Turbo, una tecnología que acelerará las conexiones lentas mediante mecanismos de compresión. Los chicos de Opera nos “prometen” una mejora de 8 veces nuestra velocidad. Ahí es nada.
  • Mejora del interface del navegador, incorporan un botón en la parte superior para gestionar velozmente las pestañas cerradas,…
  • Un gran avance en la gestión de las pestañas, las podemos poner arriba, abajo y a un lado. Si estiramos la barra de las pestañas, nos ofrece una preview de lo que contiene la pestaña,..
  • Evolución del Speed Dial o Marcador rápido.
  • Corrector de ortografía en 51 idiomas
  • Cliente de email mejorado
  • Herramientas para desarrolladores, Opera Drangonfly para inspeccionar las páginas, soporte webfonts CSS3,…

A parte de las, siempre, implícitas mejoras de renderizado

Así que ya estás tardando para descargarte Opera 10.

Como siempre, grandes innovaciones de Opera. Una pena que sea un navegador tan poco utilizado. Tú, ¿utilizas Opera? ¿lo has probado? ¿te gusta?

tags: , , , , , , , ,
preguntaSi tienes dudas, preguntas, curiosidades,... sobre Opera no dudes en visitar el Foro sobre Opera y participar con los temas que se tratan.
http://foros.ayudaenlaweb.com/forum/opera

Navegadores » Maquetas para Firefox 4

July 29, 2009 por aulambra No Comments

firefox_logoLo primero de todo es maquetar lo que queremos construir y los chicos de Mozilla ya están pensando en Firefox 4. Es por ello que ya nos han presentado las nuevas maquetas de Firefox 4.

Algunas de las cosas que podemos ver son:

  • Las tabs se podrán posicionar encima o debajo de la barra de URL. Al ir encima (como en Google Chrome) se aprovecha más el espacio.
  • Botón Go/Stop/Refresh. En un solo botón se agrupan todas las funcionalidades. Además, dependiendo de la acción, cambiará de color.

Ahora que habrá que esperar un tiempo hasta poder tener en nuestras manos las primeras versiones de Firefox 4.

tags: , , , , ,