Esta mañana ha sido lanzada la versión 9.60 de Opera. Una versión que ha salido sin mucho revuelo debido a las escuetas mejoras que aporta, pero merecela pena mencionarlas.
Contenido
Mozilla Labs Geode, navigator.geolocation para Firefox
aNieto2k hace 4 días en: Curiosidades, Programacion, estandares, javascript, web, webdev
Una de las nuevas especificaciones es sin duda la capacidad de geolocalizarnos directamente desde nuestro navegador, un sistema que usando el servicio externo nos dirá en el lugar en el que se encuentra el navegador que estamos usando.
Una propiedad un tanto controvertida, pero sobretodo muy útil que ya está disponible para Firefox en modo de extensión. Geode, es un plugin con el que extenderemos el objeto navigator que contiene la información relacionada con el navegador que estamos usando para añadirle una opción más con la información y métodos que necesitamos para geolocalizarnos.
Usar este objeto desde nuestro javascript es tan sencillo como llamar a una función javascript.
if (navigator.geolocation)
navigator.geolocation.getCurrentPosition(function(pos){ // OK
alert( pos.latitude + " -- " + pos.longitude );
}, function(){ // KO
alert( "Error getting your position. Mea Culpa!");
});
Las pruebas que he hecho no me han posicionado correctamente, ¿ha alguien le funciona?.
DOM + innerHTML = replaceHTML()
aNieto2k hace 5 días en: Curiosidades, Programacion, estandares, javascript, web, webdev
Al hilo del artículo anterior, leo en Tripix que hace referencia a otro gran artículo de Quirksmode, en este caso una comparativa que hicieron hace 7 meses sobre el uso de DOM frente al famoso innerHTML.
En la tabla comparativa vemos a simple vista que el uso de DOM en los navegadores de Microsoft está muy por debajo del resto y que innerHTML parece ser la opción más rápida para todos los navegadores.
Pero hemos de recordar que el uso de DOM es el que nos va a dar mayor control sobre el código y sobretodo sobre los elementos que creamos con él.
Por ese motivo, recuerdo el post de replaceHTML, el innerHTML dopado del que hablamos hace unos meses y en el que veíamos una implementación que dependiendo del navegador que usabamos, usaba un sistema u otro.
function replaceHtml(el, html) {
var oldEl = (typeof el === "string" ? document.getElementById(el) : el);
/*@cc_on // Puro innerHTML para IE (que es más rápido)
oldEl.innerHTML = html;
return oldEl;
@*/
var newEl = oldEl.cloneNode(false);
newEl.innerHTML = html;
oldEl.parentNode.replaceChild(newEl, oldEl);
return newEl;
};
Además como ya vimos, entres las principales diferencias entre HTML4 y HTML5, innerHTML pasará formar parte del estandard, y nos permitirá usarlo en un contexto XML.
Oculta la barra de navegación en Mobile Safari sin Javascript
aNieto2k hace 9 días en: Apple, Programacion, estandares, ipod, javascript, web, webdev
Mobile Safari es el navegador que nos encontramos en los iPhone/iPod Touch y sus aplicaciones web está revolucionando la navegación móvil de una forma espectacular. Hace unas semanas vimos como ocultar la barra de navegación usando Javascript y vimos que de esta forma agrandamos la parte visible de la página mostrando más información a usuario, algo realmente importante en este tipo de dispositivos.
Ahora via Ajaxian, descubro la forma de hacer mediante el uso de tags <meta /> en nuestro <head />:
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" />
Podemos ver una demo directamente desde este enlace.
Probando Stainless, el primer navegador multiproceso para OS X
aNieto2k hace 16 días en: estandares, web
Esta tarde los chicos de Applesfera nos traían la noticia de la aparición de Stainless, el primer navegador multiproceso para Mac (únicamente Leopard). Inspirado en Google Chrome este navegador, todavía en versión beta, nos permite tener las pestañas separadas en diferentes procesos con las ventajas que ello conlleva.
Internamente es una versión de WebKit por lo que los resultados obtenidos en los principales tests de estándares son bastante interesantes.
- Acid2, pasado perfectamente.
- Acid3,
74/100aún le queda un poco, aunque con versiones más actuales de WebKit se solventaría. - CSS3 Selector test, curiosamente pasa todos los selectores except
:linky:visited(que raro). - SunSpider (Test Javascript), sorprendentemente lo pasa en 2714 ms, un tiempo muy similar a Google Chrome.
- Dromaeo (Test Javascript), en los tiempos de Google Chrome (6519.60ms).
El multiproceso es sin duda el mayor atractivo de este nuevo navegador y la verdad es que las pruebas que he realizado han demostrado que el navegador es bastante estable, pero he podido hacer que pareciera que se colgaba para cerrar el proceso de la pestaña afectada y la navegación ha seguido sin ningún tipo de problema.
Las características de esta versión son muy escuetas y pobres, pero son un comienzo:
- Multiproceso (un proceso por tab)
- Drag & Drop entre ventanas.
- Unificación de la barra de direcciones y motor de busqueda.
- Navegación privada (no me ha funcionado).
A la espera de una verdadera versión de Google Chrome para OS X, podemos ir haciendo pruebas con la versión disponible para descargar.
input type=”camera” para integrar la webcam a la web
aNieto2k hace 17 días en: Curiosidades, Programacion, estandares, web, webdev
Ajaxian nos muestra una propuesta que Brad Lassey ha montado para Fenec o Firefox Mobile. Se trata de un type para el elemento <input /> que nos permitiría incrustar la webcam como elemento de insercción de datos para nuestros formularios.
<input type="camera" />
Pese a no estar contemplado en HTML5, me parece una funcionalidad más que interesante que podrían apresurarse a incorporar. Por poner un ejemplo de uso, este sistema podría hacer que los actuales sistemas de login desaparecieran y dieran paso a sistemas de lectura de iris o reconocimiento facial,…. muy interesante ![]()
¿Donde aprender CSS?
aNieto2k hace 20 días en: Asides, CSS, Programacion, estandares, web, webdev
Los desarrolladores web más experimentados tuvieron que dedicar sus largas horas a aprender este lenguaje de maquetación que muchos aún creen sencillo y poco importante… si eres de los que creen esto, o simplemente quieres aprender a manejarte para poder hacer realidad esos diseños que dan vueltas por tu cabeza, deberías revisar esta lista de lugar de los que mucho hemos aprendido y mucho vamos a aprender.
8 técnicas CSS para mostrar gráficas
aNieto2k hace 21 días en: CSS, Programacion, estandares, web, webdev
En las ocaciones que queremos mostrar datos en forma de gráfica podemos optar por una gran cantidad de posibilidades, una de ellas es CSS.
La gente de Six Revisions ha recopilado 8 técnicas de mostrar gráficas usando única y exclusivamente CSS como lenguaje.
OpenSearch en Internet Explorer 8
aNieto2k hace 23 días en: estandares, web, webdev
Ya vimos que Internet Explorer 8 nos está deleitando con nuevas y sorprendentes mejoras, todas ellas intentando limpiar la imagen que hasta ahora los desarrolladores y el gran público tenía sobre Internet Explorer 6 y 7.
Quizas una de las novedades que más llaman la atención es la barra de direcciones, donde podemos ver que la sugerencia de sitios, con imagenes y separada por secciones da la sensación de ser un gran acierto para los usuarios de Internet Explorer 8.
Hoy IEBlog explicaba como integrar OpenSearch en tu página web y como adaptarlo a la nueva versión de Internet Explorer 8. Si eres un usuario de WP-OpenSearch no hace falta que lo tengas que añadir manualmente para que los usuarios de Internet Explorer 8 puedan disfrutar de esta funcionalidad.
Para los que no recuerden de que iba esto del OpenSearch, se trata de una opción para permitir que los usuarios puedan añadir tu blog al listado de buscadores de los navegadores actuales.
SquirrelFish Extreme entre en el juego de los motores JS
aNieto2k hace 23 días en: Actualidad, de la red, estandares, web, webdev
La aparición de Google Chrome ha hecho mover ficha a los demás navegadores para poder competir con los resultados obtenidos con V8 en el procesamiento de Javascript.
Después de la aparición de Chrome, TraceMonkey se ha visto obligado a formar parte por defecto de las última versiones de Firefox 3.1 (recordemos que antes había que activarlo manualmente). Tras muchas pruebas y muchas líneas explicando las maravillas de ambos se demostró que los resultados de uno y de otro son prácticamente similares y que mejoran sustancialmente lo que actualmente procesa el Javascript en los navegadores actuales.
SquirrelFish Extreme es una modificación de SquirrelFish, el motor de procesamiento de Javascript usado en WebKit. Esta versión promete destronar a los actuales reyes del Javascript (V8 y TraceMonkey) mostrando unos resultados realmente espectaculares.
- SquirrelFish Extreme: 943.3 ms
- V8: 1280.6 ms
- TraceMonkey: 1464.6 ms
Estos valores, sacados de Summer of Javascript Core, nos muestran la mejoría de un 36% sobre V8 de Chrome y un 55% sobre TraceMonkey de Firefox.
Partiendo de que SquirrelFish era un gran motor de Javascript, esta nueva versión duplica en velocidad de procesamiento a su predecesor. El gráfico es bastánte ilustrativo.
Como con todas las mejoras que WebKit anuncia, están disponibles desde este mismo momento.











