(Ver Imagen) Para los que no lo sepan,  ECMA-262 es una norma de implementación de Javascript, osea una serie de estándares que los navegadores deben de seguir a la hora de implementar el motor Javascript en su navegador.

(Ver Imagen) El test comprueba hasta 5000 puntos del estándar Javascript que los navegadores deberían respetar. En esta imagen vemos el listado de resultados (hay que tener en cuenta que menos es mejor, ya que indica el número de fallos), vemos como Opera 9.64 seguido de Firefox 3.5 son los navegadores más estándares en cuanto a Javascript se refiere. Me han sorprendido unos resultados como:

• El 5º puesto de Google Chrome
• El 7º de Safari 4
• El horrible resultado de Opera 10 por detrás de Internet Explorer 8
• El caso omiso que hace Internet Explorer a este estándar (los resultado básicamente son los mismos).... O.o
• Que todas las versiones de Firefox 3, 3.5, y 3.7a1 estén entre los 4 primeros

Artículos relacionados

• ¿Que filtro CSS usar para que navegador?
• Internet Explorer 8.0, será super estandar por defecto
• ¿Qué es RSS?: dos explicaciones en lenguaje nada técnico
• Conoce el tamaño del navegador mediante Javascript
• El PDF por fin es un estandar

Rendimiento

Objetos literales frente a clásicos

// Más lento
function literals(){
 var a = [], o = {};
}
// Más rápido
function classic(){
 var a new Array, o = new Object:
}

Loops

var test = '';
for (var i = 0; i<10000; i++)
 test = test + str;

var test = '', i = 10000;
while(i--) test = test + str;

// Más lenta
function normalLoop(){
 var i = 60, j = 0;
 while(i--) j++;
}

// Más rápida
function unrolledLoop(){
 var j = 0;
 j++; j++; j++; j++; j++; j++;
 j++; j++; j++; j++; j++; j++;
 j++; j++; j++; j++; j++; j++;
 j++; j++; j++; j++; j++; j++;
 j++; j++; j++; j++; j++; j++;
 j++; j++; j++; j++; j++; j++;
 j++; j++; j++; j++; j++; j++;
 j++; j++; j++; j++; j++; j++;
 j++; j++; j++; j++; j++; j++;
 j++; j++; j++; j++; j++; j++;
}

Cachear variables globales

// Más rádida
function cache(){
 var w = window, i = 10000;
 while(i--) w.test = 'test';
}

// Más lenta
function nocache(){
 var i = 10000;
 while(i--) window.test = 'test';
}

Acceder a atributos de un objeto frente a with()

// Más lento
function conwith(){
 var obj = { prop: 'test', str: '' };
 with(obj){
 var i = 10000;
 while(i--) str += prop;
 return str;
 }
}

// Más rápido
function sinwith(){
 var obj = { prop: 'test', str: '' }, i = 10000;
 while(i--) obj.str += obj.prop;
 return obj.str;
}

Pasar a bits frente a parseInt()

// Más lenta
parseInt(12.50);

// Más rápida
~~(1 * "12.5");

Curiosidades del lenguaje

Diferencia entre && y ||

var n = 1;
if (true && (n=2)) ...;
console.log(n);
// --> n = 2
if (true || (n=3)) ...;
console.log(n);
// --> n = 2

(...).toString()

(function(){ return 2 * 3; }).toString();

// IE, Safari y Google Chrome
function(){ return 2 * 3; }

// Firefox
function(){ return 6; }

Más info

1. Extreme Javascript Perfomance (Thomas Fuchs)
2. JsRocks

Artículos relacionados

• 25 juegos en javascript que son interesantes conocer
• Pruebas de rendimiento de JS en navegadores
• Canvas 3D, ¿el futuro del javascript?
• 3D Tomb II, un FPS en Javascript de solo 4003bytes
• Prueba el rendimiento de tu Servidor

Artículos relacionados

• #Frase 52
• #frase
• Frase #48
• frase #54
• Frase

Closure Compiler

$script = file_get_contents('http://www.domain.com/scripts/script.js');
$ch = curl_init('http://closure-compiler.appspot.com/compile');

curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, 'output_info=compiled_code&output_format=text&compilation_level=SIMPLE_OPTIMIZATIONS&js_code=' . urlencode($script));
$output = curl_exec($ch);
curl_close($ch);

Closure Inspector

(Ver Imagen) [Closure Inspector]

Closure Library

Closure Templates

Artículos relacionados

• Demostración del poder de Google GWT
• Google Web Tools, las herramientas de Google
• Google Analytics libera su API
• jQuery Google Charting, haciendo Google Chart más fácil
• Utilidades para Google Gears

Wp-Answers

(Ver Imagen)

Nuestro theme

Dándole estilos

.wp_answers_votes {
 float:right;
 background-color:#F1F1F1;
 margin-bottom:10px;
 padding:10px
 text-align:center;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
}
.wp_answers_total_votes{
 font-size:2em;
}

Opciones

(Ver Imagen)

Widget

(Ver Imagen)

Descargar

Artículos relacionados

• Plugins & Themes
• Respuestas de programador
• Un amigo muy listo
• ¿Quieres ser millonario? versión Geek para tu iPhone
• Analizando la usabilidad del nuevo panel de Wordpress

Artículos relacionados

• La mayor colección de Hello World
• Calendario con CSS
• WoWMaX, el theme para los amantes de WoW (World of Warcraft)
• Hola mundo en canvas
• Más Themes para Wordpress

• Event.relatedTarget: Identifica el target de cualquier evento. Esta propiedad se usa en muchos sitios del framework.
• Evento MooseWheel:  Firefox identifica el evento usando "DOMMouseScroll" en lugar "mousewheel"

MooTools 1.1.2 / MooTools 1.2.4

Artículos relacionados

• MooTools 1.2.1 está en la calle
• MooTools 1.2.2
• MooTools Ext Adapter
• MooTools 1.2 cheat sheet
• MooTools 1.2 ve la luz

• <!--more-->: Añade un texto de "Leer Más" (que puedes cambiar) al final de la página principal y que te lleva al artículo completo.
• <!--nextpage-->: Te permite generar una paginación y cada tag generará una página nueva.

(Ver Imagen) Muchos themes traen the_excerpt() por defecto, ya que la teoría dice (y la práctica lo demuestra) que al mostrar parte del contenido, el usuario genera un mayor número de páginas vistas (una de la página principal y una por cada noticia que quiere ver completa) pero en muchos casos quieres mostrar imágenes o simplemente no quieres que el usuario tenga que acceder a ver un post completo para leer toda la noticia, en estos casos tenemos varias soluciones.

1) Reemplazar the_excerpt() por the_content()

2) Añadir filtro a the_excerpt()

function excerpt2content(){
 return get_the_content();
}
// Añadimos excerpt2content al filtro
add_filter('get_the_excerpt', 'excerpt2content');

Artículos relacionados

• Ocultar contenido a los usuarios no registrados
• Contenido Centrado con CSS
• Funciones personalizadas en tu Wordpress
• Como evitar que dejen comentarios en Google Sidewiki desde tu página web
• Creando páginas 404 amigables para los usuarios

(Ver Imagen) Se trata del consumo de memoria de los navegadores consumida en el arranque y trás la carga completa de 9 pestañas. Como podemos ver Firefox 3.6 beta 1 se alza campeón de esta prueba sorprendiendonos con un consumo inferior al de la versión estable actual (3.5.4). Una gran noticia para los que usamos Firefox y conocemos los problemas de consumo de memoria con los que lidiamos día a día.

Artículos relacionados

• Firefox 3.0 (Gran Paradiso) usa jemalloc
• La memoria consumida por Firefox 3
• Firefox 3.1 beta 2 disponible
• Más datos sobre el rendimiento de Firefox 3
• Consumo de memoria de los navegadores modernos

(Ver Imagen) Como podemos ver el cambio a nivel de interfaz de usuario es destacable y el nuevo aspecto ofrece la capacidad de interactuar mediante el dedo con todas las opciones del navegador. Además esta versión dispondrá de Speed Dial portado a la versión móvil. Al igual que su hermano mayor, esta versión dispone de Opera Turbo, lo que nos permitirá comprimir las páginas hasta un 70% en caso de disponer de una conexión lenta.

Datos para desarrolladores

Agente de usuario

Opera/9.80 (S60; SymbOS; Opera Mobi/275; U; en-GB) Presto/2.4.13 Version/10.00

Desarrollando para el móvil

Meta tag viewport

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

Media Query

@media screen and (max-width: 480px) {
  background-color: red;
  font-size: 1.5em;
}

Dragonfly

(Ver Imagen)

Nuevos estándares

(Ver Imagen)

div p.wrap { word-wrap: break-word; }

Artículos relacionados

• Opera para desarrolladores
• Wordpress Mobile Edition 3.0.5
• Opera Mobile 9.5, la visión del desarrollador
• Opera Mini 4.1beta y Firefox 3 beta 5 disponibles
• Google Gears para Safari