¿Y por qué no? - Programación JavaScript y ActionScript

Si al tratar de enlazar un archivo directamente de Github nos da un error por el MIME Type, se puede solucionar cambiando

Esto:

https://raw.github.com/user/repo/master/filename.js

Por esto:

https://rawgithub.com/user/repo/master/filename.js

Visto en http://rawgithub.com/

Comparto aquí mi “clase” EnterFrame de JavaScript que uso para animar objetos de forma continua como haría en Flash.

Se usaría así:

YXQN.EnterFrame.add(miFuncion, this);

Tiene estos métodos que se explican por si solos:

YXQN.EnterFrame.add(function, scope);
YXQN.EnterFrame.remove(function, scope);
YXQN.EnterFrame.pause();
YXQN.EnterFrame.resume();
YXQN.EnterFrame.clear();
YXQN.EnterFrame.getCallbacks();
YXQN.EnterFrame.setFps(value);

Se apoya en el rAF.js de Paulirish para optimizar el rendimiento, y yo la he puesto bonita como a mi me gusta 🙂

Descargar EnterFrame.js

Estos son los plugins que tengo instalados en el Sublime Text para editar HTML, JavaScript y CSS. Son pocos pero ya se me hacen imprescindibles 🙂
Eso y mis atajos de teclado y algún snippet que iré poniendo.

Como siempre, para instalarlos, abrimos la paleta de comandos  Tools > Command Palete , Install Package y vamos buscando cada plugin.

Y aquí el equivalente en JavaScript a mi acortador de frases en ActionScript 🙂
La gracia está en que no corta las palabras, siempre corta por un espacio en blanco.
Al final de la frase pone puntos suspensivos (…) salvo que se le pase otra cadena como tercer parámetro.
 

function shortenString(cadena, maxCharacters, append) {
	if (cadena.length <= maxCharacters) {
		return cadena;
	}
	if(append === '' || append === undefined){
		append = '...';   
	}
	maxCharacters -= append.length;
	// Complete word after blank space
	if (cadena.substr(maxCharacters, 1) == " ") {
		return cadena.substr(0, maxCharacters) + append;
	}
	// Incomplete word
	cadena = cadena.substr(0, maxCharacters);
	var lastCharacter = cadena.lastIndexOf(" ");
	cadena = cadena.substr(0, lastCharacter) + append;
	return cadena;
}

Devuelve esto:

var miTexto = "Vero eros et accumsan et iusto odio dignissim qui blandit praesent";
 
alert(shortenString(miTexto, 50));
// Vero eros et accumsan et iusto odio dignissim...

Interesantísima explicación sobre el comportamiento “peculiar” de JavaScript a la hora de definir las variables dentro de una función. Es lo que se llama “hoisting” o elevación de las variables.

http://www.etnassoft.com/2010/12/26/hoisting-en-javascript/

Básicamente se pueden evitar estos problemas declarando todas las variables al principio de cada función y tratando de no jugar a pisar variables con el mismo nombre y “chapus” así.

He encontrado un efecto de swipe (deslizar con el dedo) para las galerías de fotos que simulan un iPad en un navegador de sobremesa.

Normalmente lo que se hace es arrastrar y que al final “salte” el evento de siguiente, y eso no mola. El usuario espera que se vaya visualizando el arrastre según mueve el dedo (o el ratón).

Con esta librería funciona tipo iPad, y la verdad va muy fino en iPad, desktop, Android… 

http://cubiq.org/swipeview