Archivo de julio de 2013

Error al cargar un archivo de Github

Publicado por Iván Gajate el 20 de julio de 2013 en Desarrollo Web, JavaScript | Los comentarios están cerrados.

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/

JavaScript EnterFrame

Publicado por Iván Gajate el 20 de julio de 2013 en JavaScript | Los comentarios están cerrados.

Comparto aquí mi “claseEnterFrame 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

 

Sublime Text – Mis plugins

Publicado por Iván Gajate el 19 de julio de 2013 en Desarrollo Web | Los comentarios están cerrados.

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.

JS – Acortar frases

Publicado por Iván Gajate el 16 de julio de 2013 en JavaScript | 1 comentario »

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...

Hoisting o Elevación de las variables en JavaScript

Publicado por Iván Gajate el 2 de julio de 2013 en Desarrollo Web, JavaScript | Los comentarios están cerrados.

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í.

Cubiq Swipeview

Publicado por Iván Gajate el 2 de julio de 2013 en Desarrollo Web, JavaScript | Los comentarios están cerrados.

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