Contenido

Opera 9.52 liberado

21 ago

+ 2

Opera anuncia la salida una nueva revisión de la última versión de su navegador, la 9.52, en la que solventan una gran cantidad de bugs y algún que otro problema “serio” se seguridad.[Descargar]

Firebug Lite 1.2, Buscando las 7 diferencias

25 jul

+ 8

A ver si alguien puede decirme, que hay de diferente entre estas imagenes:

Imagen A

imagen-4

Imagen B

firebug-lite-776x656

Imagen C

opera_html

Imagen D

safari_dom

Es dificil, ¿verdad? Es normal que sea complicado ya que la gente de Firebug ha conseguido algo realmente sorprendente. Si nos fijamos bien, la imagen A es Firebug 1.2 desde Firefox 3 en MacOs, las demás son Firebug Lite 1.2 sobre Internet Explorer 7 (B), Opera (C), Safari (D).

El resultado es soprendente y es que esta nueva versión de Firebug Lite ha revolucionado el concepto de debug de aplicaciones web. Da igual en que navegador estes desarrollando o teniendo problemas, con Firebug Lite creerás que estás en Firefox, con la confianza y seguridad que eso conlleva.

Recordemos como instalarlo en nuestra aplicación:

  • Añadimos entre nuestros tags <head></head> el siguiente código.
    <script type='text/javascript'
        src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>

o podemos tener un acceso directo en nuestro navegador para poder añadir la funcionalidad a cualquier página.

Firebug Lite 1.2

Opera Mobile 9.5, la visión del desarrollador

17 jul

+ 2

Opera anunció hace unos días la versión final de Opera 9.5. Una versión que venía marcada por un cambio de aspecto bastante importante y la mejora en el tratamiento de los estandares web.

Ahora le toca actualizarse a la versión Mobile, una versión destinada a los dispositivos móviles y que promete mejorar el actual Opera Mobile. Actualmente la versión 9.5 beta 1, únicamente está disponible para Pocket PC, aunque en breve se actualizarán las diferentes versiónes para los diferentes sistemas operativos móviles.

Interface

mobile95ui

La interface es uno de los cambios que esta versión (la 9.5) está siendo más notable en todas las versiones del navegador, como podemos ver el interface ha cambiado considerablemente usando la estructura de Safari para el iPhone, un acierto por parte de Opera que se sube al carro de la popularidad del iPhone y hace que los desarrolladores no tengan que adaptar sus aplicaciones para varios navegadores móviles.

CSS Media Querys

Otra novedad interesante es la capacidad de usar media query en nuestros CSS, que al igual que Safari para iPhone, nos permite especificar que CSS cargar dependiendo del tamaño de la pantalla de nuestro dispositivo.

img {
  margin: 0 0 10px 10px;
  float: right;
}

@media all and (max-device-width: 480px) {
  img {
    margin: 10px auto;
    float: none;
    display: block;
  }
}

Viewport

<meta name="viewport" content="width=device-width, height=device-height" />

Usando el meta “viewport” podemos especificar entre cosas cosas:

  • width y height: Nos permite espeficificar el tamaño de la página en pixels [200 – 10.000]. (Por defecto el valor height está calculado en relación al especificado en width).
  • initial-scale: Indica el nivel de escalado inicial con el que los usuarios se encontrarán al abrir la página.
  • minimum-scale y maximum-scale: Especifica el rango de escalados posibles dentro de una página específica y el rango en el que el usuario puede escalar la página.
  • user-scalable: Especifica si el usuario tiene la capacidad de poder cambiar el escalado de la página, dentro del rango de valores especificados.

Opera Dragonfly para Opera Mobile

Tambien disponemos de la posiblidad de depurar nuestras aplicaciones con Opera Dragonfly, Opera nos muestra como hacerlo para estos dispositivos.

Opinión

Hoy se ha creado un nuevo estandar que el iPhone inició que los demás navegadores para dispositivos móviles deberían empezar a implementar. Esperemos que el futuro sea igual de utópico como lo veo ahora mismo en mi cabeza.

Opera publica la versión 9.51

4 jul

+ 1

Opera anuncia hoy la versión 9.51, una versión que corrige una serie de fallos de seguridad y muchas pequeñas correcciones.[Descargar]

Opera DragonFly alpha 2, firebug para Opera cada vez más cerca

27 jun

+ 0

Opera ha lanzado la versión alpha 2 de Opera DragonFly, lo que será el “Firebug” para este navegador. Recomendado echarle un vistazo.

Opera 9.5 y el movimiento hacia los nuevos estandares web

12 jun

+ 13

Las necesidades de los usuarios y desarrolladores, dan lugar a cambios. Los cambios, terminan formando un conjunto de pautas y la suma de estas pautas, dan lugar a los estandares web. Los navegadores lo saben y ya no pueden usar el “Navega más rápido” para hacer que su producto se descarga más y se intente colar en la lucha por ser la ventana a Internet de la mayoría de usuarios posibles.

opera95

Opera lo sabe y con el lanzamiento de la última versión de su navegador,  la Opera 9.5, se ha subido al carro con un buen set de mejoras y soporte a nuevas tecnologías dignas de un navegador de tal categoría.

Descargar la última versión.

Opera mejora su imagen en la última versión

6 jun

+ 6

En el blog hemos seguido las andanzas de los principales navegadores web, entre ellos Opera, y hemos visto como superó el Acid3 antes que ningún otro navegador, hicimos unas pruebas de usuario con una de las últimas versiones beta, tambien vimos Opera DragonFly y ahora veremos el nuevo aspecto que la gente de Opera ha querido darle a esta nueva versión.

barra-herramientas7-opera

La gente de Opera buscaba un aspecto basado en líneas muy limpias y iconos muy claros, y sin duda lo han conseguido.

barra-herramientas2-operabarra-herramientas3-opera

barra-herramientas5-operabarra-herramientas6-opera

Quizas como única pega al rediseño podría ponerle al botón de cerrar las pestañas. Un poco pequeño para mi gusto y úbicado en un lugar en el que se hace dificil cerrar una pestaña rápidamente.

close-tab-opera

Por lo demás el aspecto me ha gustado mucho, además de que con esta versión ya podemos disfrutar de un navegador bastante estable con todas las mejoría que vimos hace unos meses.

Opera publica el File I/O API para Widgets

16 may

+ 1

Opera se sube al carro de los widgets con la especificación de File I/O propuesta por la W3C. Con ella se pretende conseguir una abstracción en forma de sistema de ficheros donde alojar ficheros con permisos de lectura y escritura dentro de nuestro navegador.

Esto nos permitirá crear Widgets para este navegador en el cual podamos almacenar ficheros de los que podremos obtener y guardar datos que ayudarán a potenciar la aplicación.

Para aprovecharnos de esta especificación Opera nos brinda 3 objetos que contienen todas las funcionalidades posibles sobre la API. FileSystem, File y FileStream.

FIleSystem

Inicializado como un singleton, nos proporciona un sistema de ficheros virtual con el que trabajar.

opera.io.filesystem = function () {
    mountPoints =  {};
    mountSystemDirectory = function ( location, name ) { ; }
    removeMountPoint = function ( mountpoint ) { ; }
    browseForDirectory = function ( name, defaultlocation, callback, persistent ) { ; }
    browseForFile = function ( name, defaultlocation, callback, persistent, multiple, filter ) { ; }
    browseForSave = function ( name, defaultlocation, callback, persistent ) { ; }
}

File

Al igual que otros frameworks, con File podemos apuntar a un directorio, archivo o ficheros regulares. Una vez cargado nos proporcionará una gran cantidad de propiedades y métodos para trabar con el fichero.

var File = function () {
    parent = {};
    readOnly =  false;
    exists =  false;
    isFile =  false;
    isDirectory =  false;
    isArchive =  false;
    metaData = null;
    created =  {};
    modified =  {};
    name =  '';
    path =  '';
    nativePath =  '';
    maxPathLength =  0;
    fileSize =  0;
    length =  0;
    open = function ( path, mode ) { ; }
    copyTo = function ( path, overwrite, callback ) { ; }
    moveTo = function ( path, overwrite, callback ) { ; }
    createDirectory = function ( directory ) { ; }
    deleteDirectory = function ( directory, recursive ) { ; }
    deleteFile = function ( file ) { ; }
    refresh = function () { ; }
    resolve = function ( path ) { ; }
    toString = function () { ; }
}

FileStream

Será usado cuando se quiera leer o escribir sobre un fichero, soporta lectura y escritura de text, imagenes, datos binários y texto en Base64.

var FileStream = function () {
    position = 0;
    bytesAvailable = 0;
    eof = false;
    encoding =  '';
    close = function (  ) { ; }
    read = function ( length, charset ) { ; }
    readLine = function ( charset ) { ; }
    readBytes = function ( length ) { ; }
    readBase64 = function ( length ) { ; }
    write = function ( string, charset ) { ; }
    writeLine = function ( string, charset ) { ; }
    writeBytes = function ( bytes, length ) { ; }
    writeBase64 = function ( string ) { ; }
    writeFile = function ( file ) { ; }
    writeImage = function ( image ) { ; }
}

Podemos probarlo con la última release de la versión 9.5

Probando Opera DragonFly Beta

6 may

+ 8

La gente de Opera no para, hoy han publicado DragonFly, una herramienta que los desarrolladores estabamos pidiendo a gritos.

Al igual que Firefox tiene su Firebug, Internet Explorer su DebugBar, Companion.js, WebKit su Web Inspector, Opera ahora tiene DragonFly, una herramienta que permitirá depurar nuestras aplicaciones web sin tener que envidiarle nada a ningún navegador.

Lejos queda ya, aquella versión Javascript que comentamos hace un año más o menos (Opera Developer Console).

DragonFly

Actualmente está en fase beta y la verdad es que las limitaciones de uso demuestran su estado, únicamente puede usarse con Opera 9.50 beta2 y Opera Mobile 9.5 (que aún no ha salido). Algo que limita el rango de usuarios dispuestos a descargar una versión beta.

Como desarrolladores, no nos cuesta nada tener un navegador más donde testear, así que eligiendo una carpeta de instalación diferente no tendremos ningún problema en tener las 2 versiones.

Instalación

Una vez descargada la última vesión (Opera 9.50 beta2) iremos a Herramientas > Avanzado >Herramientas de Desarrollo.

menuoptions

Allí, si no hemos descargado Kestrel Beta aún (Herramienta necesaria), nos dará la posibilidad de descargar el código necesario que hemos de instalar para disfrutar de DragonFly. Tendremos que reinciar Opera.

Modo de uso

Una vez instalado, podemos empezar a usarlo. Para ello, volveremos a ir a Herramientas > Avanzado > Herramientas de Desarrollo y allí nos encontraremos con una ventana con una estructura similar a esta.

dragonflyui

Entre las opciones a destacar,

  • la posibilidad de editar Javascript en línea, gracias a la incorporación de una consola y un debugger que nos permite parar la ejecución en cualquier momento.

dragonfly-script

  • la posibilidad de visualizar y alterar el DOM de la estructura HTML, así como los estilos CSS.

dragonfly-dom

  • una enorme consola, en la que veremos claramente los errores y warnings provocados por nuestra página.

dragonfly-console

Conclusión

Un gran paso a adelante por parte de Opera, que hasta ahora parecía un poco reticente a desarrollar una aplicación de estas características, complementando así un gran navegador.

Gracias Iñaki por el aviso.

Opera Mini 4.1beta y Firefox 3 beta 5 disponibles

2 abr

+ 5

Acabo de llegar y me he sorprendido al ver que Mozilla ha publicado la beta 5 de la futura versión de Firefox. Como hace ya tiempo que en casa trabajo con la última versión de Firefox he procedido a actualizar. Mientras descargaba el fichero, he seguido leyendo los feeds y menuda sorpresa me he llevado al ver que Opera Mini tambien había publicado la versión 4.1beta del nuevo navegador, y como es el que uso en desde el móvil, evidentemente he tenido que instalarlo :D

Como curiosidad, os muestro una captura de pantalla del Acid2 Test desde Opera Mini 4.1beta, no hay que olvidar que se trata de un móvil, increible lo cerca que está pasar el test.

Acid2 Test en Opera Mini

[Descargar Firefox3 beta 5] / [Descargar Opera Mini 4.1b] / [Descargar Firefox 3 beta 5 Portable]