aNieto2K

Preparándonos para la llegada de Wordpress 2.9

aNieto2k — Sun, 15 Nov 2009 21:31:29 +0000

Wordpress 2.9 está a la vuelta de la esquina. Inicialmente se propuso el 31 de Octubre como fecha de publicación pero al ver que la fecha era un poco justa para testear todas las novedades que la próxima versión va a introducir se decidió posponer sin especificar fecha, aunque todo apunta a finales de Noviembre, principios de Diciembre. Esta nueva versión, viene con muchas mejoras y nuevas funcionalidades realmente interesantes. En Technosailor publican 10 de las que deberíamos tener en cuenta, aunque yo me quedo con estas:

1) `the_post_image()`

Una funcionalidad que los desarrolladores de themes podremos empezar a usar tranquilamente es la de the_post_image() que nos devolverá una imagen asociada a un post. Básicamente se encarga de recoger la tabla de wp_postmeta el valor _thumbnail_id asociado al $post_id que estamos pintando en el theme.

Esta función estará disponible dentro del Loop y podremos indicarle mediante parámetros el tamaño de la imágen que deseamos obtener. Además, nos ofrece una mini API de filters y actions que nos permitirá manipular la salida fácilmente.

//Filters
 - post_image_size
 - post_image_html
// Actions
 - begin_fetch_post_image_html
 - end_fetch_post_image_html

2) `add_theme_support()`

Esta funcionalidad permite especificar que nuestros plugins carguen una porción de código si el theme que está usando el Wordpress en el que está corriendo soporta una funcionalidad. Para ello, el plugin debe especificar el siguiente código que comprobará si el theme permite ejecutar ese código:

if (function_exists('require_if_theme_supports'))
 require_if_theme_supports('funcionalidad','/path/to/funcionalidad.php');

Esta línea comprueba que la función require_if_theme_supports() esté disponible, asegurándonos que no dé error en versiones anteriores a la 2.9, y posteriormente indica que cargará /path/to/funcionalidad.php en caso de que el theme dé soporte a funcionalidad. Para permitir dar soporte a funcionalidad, el theme tendrá que especificarlo en el fichero functions.php (y solo allí) mediante el uso de add_theme_support();

if ( function_exists( 'add_theme_support' ) )
 add_theme_support( 'funcionalidad' );

Sin duda, una forma muy interesante de profesionalizar nuestros plugins y nuestros themes.

3) Papelera de reciclaje

Ya vimos que Wordpress 2.9, incluirá una papelera de reciclaje de posts que nos permitirá recuperarlos una vez borrados.

4) Edición de imágenes

La subida de imágenes estará complementada con una interesante edición de imágenes que nos ayudará a pulir esas imágenes que incrustaremos en nuestros posts.

5) Metadata API

Con el fin de unificar funcionalidades comunes nace Metadata API. Todas las funciones que hasta ahora usamos para acceder a los metadatos de comentarios, usuarios y posts comparten la misma funcionalidad salvo la tabla de la base de datos a la que accede.

// Wordpress 2.8-
add_comment_meta(12345, 'twitter_id', 'someyoungpunk');
//Wordpress 2.9
add_metadata('comment', 12345, 'twitter_id', 'someyoungpunk');

6) Reparar base de datos

Wordpress 2.9 incorporará un sistema que permita reparar la base de datos.

14 de Noviembre del 2009, un dia para recordar

aNieto2k — Sat, 14 Nov 2009 22:31:01 +0000

Hoy es un día muy especial para mi, además de ser el 4to aniversario de la web (y parece que fué ayer) hoy dos acontecimientos harán que nunca me olvide de esta fecha. En primer lugar el Premio Bitacoras 2009 al mejor blog de software y seguridad que me habeis otorgado vosotros con vuestros votos y que recibo con mucho entusiasmo e ilusión. No tengo palabras para expresar lo agradecido que estoy y tan solo puedo prometer que esta alegría y satisfacción que siento ahora servirá como motor para mover esta máquina que entre todos hacemos día a día. No quiero olvidar a Genbeta y Xeduced.com que siempre me han servido de inspiración y que se merecen este premio tanto como yo. En segundo segundo lugar, hoy ha nacido Marc, el primer hijo de mis mejores amigos y que hará que me acuerde cada día de lo especial que me sentí el día que él nació. Felicidades papis!! En fin, solo tengo una palabra, sincera donde las haya, que de mis dedos puede salir:

Gracias!

Wordpress 2.9 te ayudará a cuidar tu base de datos

aNieto2k — Fri, 13 Nov 2009 20:27:58 +0000

WPengineer publica una nueva funcionalidad de Wordpress 2.9 que nos permitirá cuidar la base de datos desde el núcleo de Wordpress sin necesidad de instalar ningún plugin para ello. Mediante una constante que definiremos en nuestro wp-config.php podremos activar dicha funcionalidad WP_ALLOW_REPAIR. Interesante y necesario.

Wordpress 2.8.6 versión de seguridad

aNieto2k — Fri, 13 Nov 2009 06:38:33 +0000

Wordpress anuncia la versión 2.8.6 que solventan 2 problemas de seguridad que pueden ser explotados por usuarios registrados. Es recomendable actualizar si estamos trabajando con varios authores ya que mediante XSS pueden obtener privilegios de posteo.[Descargar]

¿Tiene sentido usar wp-answers en aNieto2k?

aNieto2k — Wed, 11 Nov 2009 09:15:08 +0000

Este post, a modo de prueba, lo aprovecho para preguntar (usándo wp-answers) si creeis que tiene sentido usar wp-answers en aNieto2k. En fin, ¿que os parece la idea?

Underscore.js, 2kb con todo lo que realmente necesitas de Javascript

aNieto2k — Wed, 11 Nov 2009 08:15:39 +0000

Underscore.js es una librería Javascript de tan solo 2kb (comprimida) que se compone de todo el Javascript que solemos usar en el día a día. Al igual que jQuery y Prototype basa en un carácter toda la funcionalidad de la librería ($()) aunque esta lo hace sobre _() (como su nombre indica). Esto hace que desarrollar con ella sea sencillo y no tengas que recordar largos nombres de objetos ni métodos para conseguir la misma facilidad.

Modo de empleo

Underscore.js está pensado para funcionar en programación orientada a objetos o programación funcional. Por ello podemos usarlo de dos formas diferentes:

_.map([1, 2, 3], function(n){ return n * 2; });
_([1, 2, 3]).map(function(n){ return n * 2; });

Esto nos permitirá desarrollar como más nos guste.

Métodos

_.methods();
["all", "any", "bind", "bindAll", "breakLoop", "clone", "compact", "compose",
"defer", "delay", "detect", "each", "every", "extend", "filter", "first",
"flatten", "foldl", "foldr", "forEach", "functions", "identity", "include",
"indexOf", "inject", "intersect", "invoke", "isArray", "isElement", "isEmpty",
"isEqual", "isFunction", "isUndefined", "keys", "last", "lastIndexOf", "map",
"max", "methods", "min", "pluck", "reduce", "reduceRight", "reject", "select",
"size", "some", "sortBy", "sortedIndex", "template", "toArray", "uniq", "uniqueId",
 "values", "without", "wrap", "zip"]

Por su tamaño puede dar la impresión de que los métodos disponibles serán más bien escasos, pero viendo este listado de funcionalidades vemos que esos 2kb están bien aprovechados. Hay que tener en cuenta que no dispone de métodos para manipular elementos del DOM, lo que hace que esa funcionalidad que tienen otras librerías tengamos que hacerlas nosotros a mano, aunque Underscore.js está pensada para funcionar con cualquier librería actual.

Demo y Descargar

Para los que quieran probarla hay una demo en la que compara el número de operaciones realizada contra jQuery o descargarla y hacer las pruebas en local.

¿Que navegador tiene el Javascript más estándar?

aNieto2k — Tue, 10 Nov 2009 14:18:34 +0000

Ajaxian habla hoy de Sputniktests que son una implementación web de Sputniktests ECMA-262 desarrollado por Google, una herramienta de testeo de Javascript estándar, lo que nos permite comprobarlo directamente desde nuestro navegador.

(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

Rendimiento extremo de Javascript

aNieto2k — Tue, 10 Nov 2009 12:25:33 +0000

En uno de esos momento de querer pulir scripts en Javascript me pegó la neura de probar diferente formas de hacer lo mismo sacando el cronómetro y midiendo tiempos para ver que era más eficiente y que lo era menos. Al final, por esas cosas del destino, me tuve que ir al final terminé olvidándome de lo que quería hacer. Hasta ahora que me he encontrado con esta presentación de Thomas Fuchs (author de Script.aculo.us). En ella (la recomiendo) hace exáctamente lo que yo quería hacer, medir los tiempos de ciertas tareas cotidianas y compararlas con alternativas que nos ofrece el mismo resultado. Algunos de los resultados muestran cosas realmente interesantes:

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:
}

En la presentación se ven los resultados sobre los diferentes navegadores y podemos ver como de usar uno u otro en Google Chrome podemos multiplicar por 2 el tiempo de proceso.

Loops

Los loops tambien muestran unos resultados curiosos:

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

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

Entre los dos anteriores, no se muestran diferencias en los resultados devueltos.

// 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++;
}

Tambien vemos que muy caro hacer un loop, en Firefox multiplicamos por 2 el tiempo y en Google Chrome lo multiplicamos por 5.

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';
}

El cachear variables globables nos ayudará en la mayoría de casos.

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;
}

En los resultados nos muestra que usar with() para acceder a un objeto nos puede penalizar el tiempo de proceso de nuestro Javascript. En el caso de Google Chrome reducimos el tiempo a un 7% del empleado con with().

Pasar a bits frente a `parseInt()`

// Más lenta
parseInt(12.50);

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

Javascript 1.5 integra una serie de operadores a nivel de bit, entre ellos nos encontramos ~(Alt Gr + 4) que representa el NOT a nivel de bit y que en este caso nos ayuda a convertir a entero una cadena como podemos ver en el ejemplo (haciendo un doble NOT para obtener un valor positivo).

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

Como es lógico, el uso de && evalua las dos condiciones frente a || que si ya se cumple la primera, nos evitamos comprobar la segunda.

`(...).toString()`

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

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

// Firefox
function(){ return 6; }

En este ejemplo vemos como la ejecución de esta función anónima nos muestra un resultado algo extraño en Firefox.

Más info

Frase de V 2009 1×01

aNieto2k — Mon, 09 Nov 2009 10:06:44 +0000

Existe un Arma poderosa ahí fuera....Devoción.

Erica Evans(V 2009 1x01)

Google Closure, Google nos ayuda a optimizar nuestro Javascript

aNieto2k — Mon, 09 Nov 2009 10:02:17 +0000

Google nos ofrece sus herramientas para optimizar Javascript mediante una serie de componentes que podremos usar desde nuestras aplicaciones. Con ellas podremos conseguir aplicaciones muy ricas en Javascript y rápidas como gMail, Google Docs o Google Maps.

Closure Compiler

Se trata de un optimizador de código que hará nuestras aplicaciones más ligeras y compactas, haciendo que el código redundante, al igual que los espacios en blanco, comentarios y demás desaparezcan de nuestro código. Ya tenemos un ejemplo de como usarlo en nuestras aplicaciones PHP

$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);

Basta con cambiar la URL del fichero .js por nuestro fichero Javascript. [Closure Compile]

Closure Inspector

Extensión para Firebug que nos permite detectar errores del código fuente compactado. Ideal para depurar esas aplicaciones que tenemos en real y que por motivos de optimización hemos compactado.

(Ver Imagen) [Closure Inspector]

Closure Library

Se trata de una librería Javascript, al igual que jQuery, MooTools, Prototype,... con un conjunto de funciones compatibles entre los diferentes navegadores. [Closure Library]

Closure Templates

Packs basados en HTML/Javascript que nos permite generar componentes web fácilmente. [Closure Templates]

aNieto2K

Preparándonos para la llegada de Wordpress 2.9

1) the_post_image()

2) add_theme_support()

3) Papelera de reciclaje

4) Edición de imágenes

5) Metadata API

6) Reparar base de datos

Artículos relacionados

14 de Noviembre del 2009, un dia para recordar

Gracias!

Artículos relacionados

Wordpress 2.9 te ayudará a cuidar tu base de datos

Artículos relacionados

Wordpress 2.8.6 versión de seguridad

Artículos relacionados

¿Tiene sentido usar wp-answers en aNieto2k?

Artículos relacionados

Underscore.js, 2kb con todo lo que realmente necesitas de Javascript

Modo de empleo

Métodos

Demo y Descargar

Artículos relacionados

¿Que navegador tiene el Javascript más estándar?

Artículos relacionados

Rendimiento extremo de Javascript

Rendimiento

Objetos literales frente a clásicos

Loops

Cachear variables globales

Acceder a atributos de un objeto frente a with()

Pasar a bits frente a parseInt()

Curiosidades del lenguaje

Diferencia entre && y ||

(...).toString()

Más info

Artículos relacionados

Frase de V 2009 1×01

Artículos relacionados

Google Closure, Google nos ayuda a optimizar nuestro Javascript

Closure Compiler

Closure Inspector

Closure Library

Closure Templates

Artículos relacionados

1) `the_post_image()`

2) `add_theme_support()`

Acceder a atributos de un objeto frente a `with()`

Pasar a bits frente a `parseInt()`

Diferencia entre `&&` y `||`

`(...).toString()`