7 reglas para realizar Javascript de calidad

junio 19, 2009

Siete consejos para realizar un javascript de calidad y no intrusivo:

  • No hagas suposiciones: no pienses que el usuario tendrá el javascript activado o que usará un navegador adecuado.
  • Usa IDs y relaciones entre elementos: para no depender de un HTML mal estructurado y que el javascript sea imposible de realizar, utiliza IDs para acceder a los elementos con los que se quiere tratar y busca elementos que faciliten acceder a otros elementos.
  • Utiliza estilos: en vez de modificar los estilos de los elementos HTML mediante Javascript, usa clases CSS que modifiquen los estilos, y mediante Javascript se le puede añadir la clase a un elemento superior.
  • Comprende el navegador y a los usuarios: debes pensar cómo funciona un navegador, no sobre saturar su comportamiento (abuso de drag&drop, eventos, …). Además debes pensar qué espera el usuario que haga el navegador, y respetarlo.
  • Comprende los eventos: los eventos no solo corresponden a un objeto, sino a los elementros hijo que contiene. Así se pueden realizar eventos sobr un único elemento y no tener que modificar los demás.
  • Respeta el código de otros: seguro que a parte de tu código existe algún otro que has añadido, por lo que deberás programar teniendo en cuenta que hay que evitar conflicto entre funciones.
  • Después de ti vendrá otro: es muy frecuente que alguien acabe modificando tu código, ten un poco de consideración por los demás y escribe código legible y entendible.

The seven rules of Unobtrusive JavaScript

Vía / @dcedilotte


Guía para desarrollar Javascript accesible

junio 8, 2009

Interesante tutorial que nos enseña que problemas pueden encontrarse las personas con alguna discapacidad que le obligue a prescindir de Javascript (o usuarios con dispositivos móviles), y cómo solucionarlo.

Los mayores problemas con el que se encuentran las personas que no ejecutan javascript en sus navegadores son en la navegación (menús dinámicos), contenido oculto (accesible mediante Ajax), controles dinámicos (eventos de ratón, drag&drop, …) y confusión (la web está pensada para el uso de Javascript y no usarlo conlleva un contenido inicial deficiente).

Como resumen diría que hay que ofrecer los contenidos sin necesidad de javascript, éste sólo debe ser un apoyo, y que para comprobar si tu web es accesible lo mejor es probarlo inhabilitando el javascript en tu navegador.

Creating Accessible JavaScript

Vía / @maxkuri

Fuente: http://sentidoweb.com/2009/06/04/guia-para-desarrollar-javascript-accesible.php


¿Estás perdiendo tu tiempo?

abril 17, 2009

Inspirado en un script originalmente escrito en Visual Basic y publicado en el sitio LifeHacker que cada 20 minutos pregunta si quieres seguir haciendo lo que estás haciendo o si deberías dejar de malgastar tu tiempo, un usuario sugirió en ALT1040 un equivalente para Linux, que es tan sencillo que podemos reproducir aquí completamente (traducción a cargo de este modesto servidor):

#!/bin/bash
# By Spayder26, GPLv3’ed
# Require: zenity

while $(zenity —question —text="Considera si es así como realmente necesitas estar pasando tu tiempo. ¿Continuar?" —ok-label="Sí" —cancel-label="No");
do
  sleep 20m
done

Si hacemos click en el script comenzará a contar el tiempo desde 0 y volverá a aparecer a los 20 minutos y si presionamos en No la ventana se cerrará (considerando que empezaste a trabajar y a hacer valer tu tiempo).

Esta versión para Linux requiere de Zenity, una pequeña utilidad que permite mostrar cuadros de diálogo GTK+ desde la línea de comandos.


La Trampa JavaScript

marzo 24, 2009

Y así como antes lo hizo con La Trampa Java, Richard Stallman esta vez la arremete contra JavaScript en su nuevo documento La Trampa JavaScript donde nos advierte que bien podríamos estar usando programas No-Libres en nuestras computadoras todos los días sin saberlo, a través de nuestro navegador web:

“Los navegadores normalmente no te dicen cuando cargan programas JavaScript. La mayoría tiene alguna forma de desactivar JavaScript completamente, pero ninguno puede verificar si esos programas son No-Libres. Aún si uno está conciente de esto, tomaría un considerable esfuerzo identificar y bloquear esos programas. Sin embargo, aún en la comunidad del Software Libre la mayoría de los usuarios no son concientes de ello, y el silencio de los navegadores tiende a esconderlo”.

Stallman sí propone una solución en su artículo, que sugiere modificar los actuales navegadores libres para que permitan especificar un código JavaScript alternativo que usar en lugar del programa JavaScript original de una página. También menciona el plugin de Firefox Greasefire como un ejemplo de su implementación.

Fuente:vivalinux.com.ar


C como lenguaje de scripting

noviembre 27, 2008

C Cod es un front-end para C, C++, o compiladores objeto de C que le permite tratar C como un lenguaje más de scripting. C Cod viene con C Server Pages, que proporciona soporte para CGI para que usted pueda escribir aplicaciones Web en C o C++ y tenerlos automáticamente bajo demanda. El resto del artículo en Linux Party


TJPzoom: zoom mediante Javascript

marzo 26, 2008

Un buen Javascript que permite añadir zoom a nuestras imágenes. El script añade una ventana con marco sombreado a la imagen en la que se ve el zoom, pudiendo moverla por toda la imagen.

jszoom.png

Si hacemos drag hacia arriba el zoom aumenta, hacia abajo disminuye, hacia la derecha la ventana aumenta y hacia la izquierda disminuye. Además permite utilizar otra imágen con mayor resolución para evitar el pixelado.

TJPzoom

Vía / WebAppers