Opera Developer Console

opera.pngOpera Developer Console es una herramienta realizada en Javascript que nos ayuda a inspeccionar y analizar durante el desarrollo o el debug diversos aspectos de las páginas web.

La herramienta dispone de varias pestañas que nos muestra la informacion sobre:

  • DOM: nos muestra un árbol de nodos, permitiendo seleccionar los elementos mediante los nodos o los nodos mediante la selección en el documento. A parte nos permite buscar entre los nodos, eliminar nodos, ver sus características y filtrar los nodos vacios.
  • JS: un inspector Javascript que nos da la posibilidad de ver los objetos y sus atributos y buscar entre ellos.
  • CSS: gracias a esta pestaña podemos obtener información de cada hoja de estilos, pudiendo activarlas o desactivarlas, editarlas y exportarlas.
  • HTTP: permite inspeccionar las cabeceras HTTP enviadas desde el servidor, ver y editar las cookies y saber qué peticiones Ajax se realizan desde el documento.

Una herramienta muy interesante, que parece estar al nivel de Firebug.

Using the Opera Developer Console

Vía / Ajaxian

|

Selectores CSS3 que soportará Opera

http://sentidoweb.com/img/2007/01/opera_logo-thumb.png

En cuestión de CSS Opera suele ir por delante del resto navegadores. En el blog de uno de sus desarrolladores nos adelantan algunos de los selectores, en este caso pseudo-clases, que soportarán sus futuras versiones:

  • :root: selecciona el elemento padre del documento, que normalmente será el <html>
  • :not(s): representa a todos los elementos del documento excepto aquellos que NO coincidan con el selector "s" (ej.: not(#menu) ).
  • :nth-child(n): representa al hijo n de un elemento. Ej.: div:nth-child(2) seleccinará todos los elementos div que sean segundo hijo de cualquier elemento (gracias Federico).
  • :nth-of-type(n): representa al hermano n de un elemento. Ej.: div:nth-of-type(2) seleccinará el segundo elemento del div especificado.
  • :first-of-type: representa al primer elemento que es el primer elemento de su tipo dentro de la lista de hijos del elemento padre.
  • :target

Estos otros elementos están implementados en el núcleo de Opera pero por diversas razones no están aun habilitados

  • :empty : representa a un elemento que no tiene ningún tipo de hijo.
  • :nth-last-child(n): representa a un elemento que tiene n hermanos después de él.
  • :nth-last-of-type(): representa a un elemento que tiene n hermantos del mismo tipo.
  • :last-child: represetna al ultimo hijo de un elemento.
  • :last-of-type: representa al último hermano de su tipo. Sería lo mismo que :nth-last-of-type(1).
  • :only-child: representa a un elemento cuyo padre no tiene ningún otro elemento hijo.
  • :only-of-type: representa a un elemento cuyo padre no tiene otro elemento hijo del mismo tipo.

Vía / Slightly Ajar

Opera invita al desarrollo de Opera 10

opera.pngDebido al éxito conseguido con Opera 9, se han puesto manos a la obra en el desarrollo de la versión 10. El primer paso es planear que debe incorporar la nueva versión, para lo cual han pedido la ayuda a los usuarios para que indiquen que creen que debiera incluir o que cosas mejorar. Sobre todo están interesados en la opinión de desarrolladores web.
Vía / DiarioTI

Las videoconsolas de Nintendo contarán con Opera

opera-nintendo.pngLas consolas de Nintendo Wii y la portátil DS contarán con el navegador web Opera, gracias a un acuerdo al que han llegado ambas compañías. La primera que dispondrá del navegador será la Nintendo DS, que al disponer de conexión inalámbrica WiFi (802.11b), podrá beneficiarse del navegador y pasar de un entretenimiento a una posible herramienta de trabajo.

Se tiene previsto que la versión de Opera para DS salga en Japón el 24 de julio a un precio de unos 32 euros.

Más información

Opera en la Wii

Vía / Noticias.com

Opera para la DS

Opera 9, lanzado

opera.pngHa sido lanzada la versión final de Opera 9, ya podemos disfrutar de una gran alternativa para IE sin que esté en estado beta. Para aquellos que no lo sepan, recordamos que Opera 9 soporte a BitTorrent, bloqueo de contenidos, posibilidad de añadir tus motores de búsquedas favoritos, previsualización de las páginas en las pestañas, widgets, preferencias específicas para sites y otras características.
opera9.png
Opera 9
Vía / Bitelia