José Robinson » javascript

JavaScript: Malas practicas

Jose Robinson — Sun, 23 May 2010 13:07:22 +0000

Interesante artículo sobre malas prácticas en JavaScript.

Igualar tamaño de columnas con jQuery

Jose Robinson — Fri, 20 Nov 2009 14:14:31 +0000

Algunas veces nos topamos con el problema de que tenemos que igualar el tamaño de varias columnas que contienen diferente contenido, esto resulta fácil si el contenido es estático, bastaría con aplicarles un poco de CSS a las columnas y problema resuelto. Pero el problema viene cuando el contenido no es estático, sino, que es generado ya sea de la DB o algún otro recurso, debemos tener un mecanismo que establezca el mismo tamaño para todas las columnas sin importar el contenido de cada una.

Aquí hay una solución para este problema, algo sencillo, solo un poco de JavaScript (mediante jQuery claro).

Bastaría con esto:
Un poco de CSS para diferenciar las columnas:

#container {
	width:700px;
	margin:0 auto;
}

#container div {
	border:1px solid #ccc;
	width:316px;
	margin-right: 15px;
	float:left;
	background-color:#ddd;
}

Y el JavaScript:

$(function(){
	var maxH = 0;

	$("#container div").each(function(i) {

		var actH = $(this).height();
		if(actH > maxH) maxH = actH;

	});

	$("#container div").height(maxH);
});

DEMO

Crea diagramas utilizando Canvas en HTML 5 y jQuery

Jose Robinson — Mon, 13 Jul 2009 14:05:24 +0000

Canvas es una nueva etiqueta que ha sido incluida en la especificación de HTML 5, y nos permite crear gráficos, composiciones de imágenes e incluso animaciones, que antes solo podíamos emplear a través de un lenguaje de scripting como JavaScript, pero ahora ha sido incluida en la especificación de HTML 5 por el W3C.

El articulo que muestro a continuación nos muestra un plugin para jQuery con el que podemos hacer este tipo de gráficos al estilo jQuery (rápido y fácil).

FUENTE: jQuery Visualize Plugin: Accessible Charts & Graphs from Table Elements using HTML 5 Canvas

10 tips para mejorar tu JavaScript

Jose Robinson — Mon, 13 Jul 2009 13:15:44 +0000

Interesante colección de tips para mejorar nuestro JavaScript.

1. Utiliza el atributo defer sólo para scripts IE externos.
2. Utiliza una sección CData para prevenir XHTML de errores estrictos de validación.
3. Evita las palabras claves JavaScript al crear identificadores de usuario.
4. Evita las palabras Javascript reservadas al crear identificadores de usuario.
5. No cambies el tipo de una variable después de la declaración inicial.
6. No utilices variables globales.
7. JavaScript es sensible al caso.
8. Utiliza switch para manejar condiciones múltiples.
9. Utiliza try-catch para prevenir que los errores se muestren a los usuarios.
10. Realiza comentarios multi-línea legibles, pero simples.

Aquí encontraras los detalles sobre cada punto:
FUENTE: 10 JavaScript Quick Tips and Best Practices