Scriptia. Javascript y buenas prácticas en español

Conversión rápida de tipos

ECMAScript (javascript para los amigos) es un lenguaje dinámicamente tipado. Pero tipos, haberlos, haylos. Veamos cómo realizar conversiones explícitas a String, Number y Boolean con unos pocos carácteres menos de lo usual. Continúa leyendo Conversión rápida de tipos

onbeforeunload: tiende una mano al usuario

¿Alguna vez has cerrado una ventana cuando tenías un formulario a medio rellenar? ¿Has invertido media hora en escribir un email y, por error, has abandonado la página sin enviarlo? Evita a tus usuarios pasar por este trauma –y el de aprender hebreo– usando onbeforeunload. Continúa leyendo onbeforeunload: tiende una mano al usuario

De closures y valores «inesperados»: el porqué y una solución

Una closure (cierre) es una función definida dentro del cuerpo de otra. Dentro de ella podemos acceder a las variables definidas dentro de la función padre. Pero en ocasiones, los resultados no son los esperados. Continúa leyendo De closures y valores «inesperados»: el porqué y una solución

Eventos en jQuery

Presentamos un repaso en profundidad a los métodos de jQuery relacionados con el trabajo con eventos: asignación, manejo (this y target), desligado de manejadores, disparo artificial de eventos, atajos y buen humor. Continúa leyendo Eventos en jQuery

Eliminar espacios en blanco usando expresiones regulares

Por suerte o por desgracia, en más de una ocasión nos encontramos con que ECMAScript no nos provee de todos los métodos que podemos llegar a necesitar en nuestro trabajo. Uno de los casos flagrantes es el de recortar espacios en blanco al principio y al final de una cadena: ni la especificación ni ninguna de sus implementaciones (JavaScript, JScript) incluyen un método trim para eliminar esos espacios de sobra.

Y es razonable, puesto que esta función es sencilla de implementar. Continúa leyendo Eliminar espacios en blanco usando expresiones regulares

Copia de arrays y objetos

Cuando utilizamos operador de asignación (más comunmente conocido como =) para asignar un array –o un objeto– ya existente a una variable debemos tener en cuenta que no estamos almacenando una copia del array, sino una referencia al mismo.

Considérese:

var a = [ 1, 2, 3 ];
alert(a); // [ 1, 2, 3 ]
var b = a;
alert(b); // [ 1, 2, 3 ]
b.push(4);
alert(b); // [1, 2, 3, 4 ]
alert(a); // [ 1, 2, 3, 4 ] <-- `a` ha sido modificado indirectamente

Veamos como realizar una copia en lugar de almacenar una referencia. Continúa leyendo Copia de arrays y objetos

Ocultar elementos por CSS si y solo si disponemos de javascript

Supongamos una linda interfaz en la que algunos elementos no se muestran hasta que el usuario realiza alguna acción. Supongamos que somos hombres de buen corazón y queremos que nuestra aplicación sea accesible sin necesidad de javascript.

1. Si ocultamos esos elementos mediante CSS, quien no tenga javascript no tendrá, jamás de los jamases, acceso a ellos.
2. Si ocultamos los elementos mediante javascript, se producirá algún que otro feo parpadeo (y si son muchos los elementos a ocultar, aumentará el tiempo de proceso).

Veamos cómo podemos evitar ambos problemas con una pequeña combinación de CSS y scripting. Continúa leyendo Ocultar elementos por CSS si y solo si disponemos de javascript

Scriptia redivivo

Ya hace unos días (casi una semana) que la nueva versión de Scriptia está en marcha. Estas son las principales novedades:

• Rediseño: más claro y navegable; ahora todas las páginas incluyen un breadcrumb para facilitar la navegación.
• Categorías no hay más que dos y estas me las encontré en la calle. Dividimos nuestras anotaciones en notas al margen y artículos; pertenecen a la primera categoría las anotaciones breves sobre artículos publicados en otros sitios, a la segunda los contenidos propios que pretendemos sean, sobre todo, didácticos.
• Etiquetas: asignamos a cada nota una o varias etiquetas (keywords); las mostramos al final de cada uno de los artículos para facilitar la navegación por temas. Además, gracias a la magia de Ultimate Tag Warrior, podemos incluir enlaces a anotaciones relacionadas (se muestran al pie de cada nota) y acceder a «combos» de etiquetas, como ejemplo, jquery+referencia.
• Cambio de dominio: esto –que parece un blog– deja el dominio principal de scriptia.net y pasa a ubicarse en blog.scriptia.net. (Por el momento, scriptia.net redirige a blog.scriptia.net, pero esto cambiará pronto, de acuerdo con nuestro Plan de Dominación Mundial.)

Otra novedad que vendrá pronto, muy pronto: voy a trasladar a Scriptia los artículos sobre jQuery que he venido publicando en Dizque.

Confío en que todos (mis dos lectores y yo) disfrutemos de esta nueva etapa, pese a quien pese.

Resintonicen sus lectores RSS

Amigos, amigas: el gran día en que Scriptia va a comenzar a ser lo que siempre soñó ser cuando era chiquito está cerca. Muy cerca.

Dentro de unos días vamos a tener una importante remodelación del sitio que va más allá del rediseño. Y una de los efectos colaterales es el cambio de dominio para el blog que estás leyendo. Digamos adios al viejo scriptia.net y demos la bienvenida a blog.scriptia.net.

Y como sé que todos (sí, vosotros dos) me leéis por RSS, mejor será que actualicéis la URI del feed antes de que sea demasiado tarde. Hela aquí: RSS de las anotaciones en el blog de Scriptia (ya estamos en periodo de transición).

Ah, otra cosita: se aceptan (y solicitan) peticiones para tutoriales, artículos, notas y genocidios. Podéis hacerlas en los comentarios de este post.

El Array explicado a los phperos

Amigos y compañeros que vivís del desarrollo con PHP, he aquí para vuestro uso y disfrute algunas traducciones de sintaxis de PHP en lo que a arrays se refiere. Continúa leyendo El Array explicado a los phperos