Múltiples enlaces simbólicos en Windows

Con esta entrada estreno una serie de publicaciones donde compartir unas pequeñas utilidades que he desarrollado, que me han ayudado a solucionar un problema en concreto e incluso me ha hecho ser un poco más productivo (de verdad).

A veces nos encontramos que nos falta una herramienta para evitar tener que hacer alguna tarea tediosa manualmente. Es entonces cuando programamos una pequeña pieza de software para que lo haga por nosotros, invocando de esta manera la Primera Virtud del Programador según Larry Wall (correcto, esa es la Pereza). Sigue leyendo Múltiples enlaces simbólicos en Windows

El orden de las propiedades CSS

Si eres de los que escriben páginas y páginas de CSS (o utilizas pre-procesadores como SASS, LESS, Stylus, o tu propio pre-procesador), alguna vez te habrá asaltado la duda de en qué orden deberían ir las propiedades de las reglas CSS. ¿Al azar? ¿Alfabéticamente? ¿Siguiendo algún patrón arcano?

Ordenar las propiedades CSS ayuda a mantener una estructura de código clara, y evita que pierdas tiempo pensando en dónde poner (o no poner) una nueva propiedad. Además, si trabajas en un equipo con otros amantes del CSS como tú te será más fácil leer código que no has escrito, y de alguna manera estarás contribuyendo a crear una guía del estilo del proyecto Sigue leyendo El orden de las propiedades CSS

Compartir en redes sociales y medir con Google Analytics

¿Gestionas las estadísticas de visitas de un sitio web con Google Analytics, y quieres medir la efectividad de los botones para compartir en redes sociales?

El código de seguimiento JavaScript de Google Analytics (Tracking Code, que carga en la página el archivo externo ga.js con todas las funcionalidades), dispone de una API en la que consta un método que permite este tipo de medición, el método _trackSocial(). Con él se pueden registrar las interacciones “sociales” de nuestro sitio y categorizarlas correctamente.

_gaq.push(['_trackSocial',  'theSocialNetwork', 'like', 'http://www.mysite.com/abc']);

El botón de Google+ invoca automáticamente éste método al ser activado y envía la información a nuestra cuenta de Google Analytics; pero si queremos medir las acciones de otras plataformas como Facebook o Twitter, entonces se requiere un poco más de trabajo e integración con las APIs de esos servicios. Sigue leyendo Compartir en redes sociales y medir con Google Analytics

use strict

Como si de un aviso de alguna hermética entidad se tratara, desde hace un par de años ha ido apareciendo en las entrañas de algunas librerías JavaScript y en ejemplos de código dispersos por la red la enigmática frase ‘use strict’.

¿Y qué demonios significa esta sentencia?

Más o menos indica al motor de interpretación de JavaScript de tu navegador favorito (y moderno, no me utilices Internet Explorer) que sea más restrictivo en la ejecución de scripts, un poco más seguro, y allá donde antes era permisivo y hacía la vista gorda ahora emita errores y regañe al programador.

Así por ejemplo, crear una variable global dentro del contexto de una función:

function testFunction()
{
    var localVar = true;
    globalVar = 4;
}
testFunction();

Sigue leyendo use strict

Imágenes que no dicen onLoad

JavaScript y la etiqueta <img> siempre han sido buenos amigos, desde aquellos días que  gracias a un pequeño script se precargaban todas las imágenes de una página, como por ejemplo los rollovers de ciertos botones.

var preload_imgs = ["image1.jpg", "image2.gif", "image3.jpg"];
for(var i=0; i<preload_imgs.length; i++)
{
	var img = new Image();
	img.src = preload_imgs[i];
}

¿Pero que ocurre cuando se crean o se tratan imágenes dinámicamente, y se quiere controlar el preciso momento en que están son (des)cargadas? Sigue leyendo Imágenes que no dicen onLoad