Javascript

Algunos scripts para jQuery

ByLuis October 30, 2008

He encontrado en Script & Style algunos scripts/pluigns para jQuery que son interesantes:

Linkselect: transforma elementos select en listas de enlaces con forma de select.
URL parser: nos permite obtener datos de una URL: protocolo, query, puerto, …
Virtual jQuery Keyboard: añade un teclado virtual a cajas de texto
Word-counter for textarea: el título lo dice todo, cuenta las palabras que hay en un textarea
Smooth popup: crear un popup no modal
idTabs: ayuda a crear pestañas de forma sencilla
dwFadingLinks: crea el efecto fadding en los links cuando se produce un onmouseover
ColorPicker: selector de color

Javascript

Guía para desarrollar Javascript accesible

ByLuis June 4, 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

Javascript

Boomerang: medición de rendimiento desde la perspectiva del usuario

ByLuis July 28, 2010

Boomerang es una librería desarrollada por Yahoo que permite medir diferentes aspectos de rendimiento de nuestra web desde la perspectiva del usuario final. Añadiendo un script y distintas funciones, podemos comprobar diversos aspectos de nuestra web como:

El tiempo que el usuario cree que tarda en cargarse la web
El tiempo de carga de contenido dinámico
El ancho de banda durante la carga de la página
Tiempo de carga de diferentes módulos, por ejemplo módulos de Twitter o Facebook
Latencia HTTP
Latencia DNS

BOOMR.init({
  user_ip: "",
  beacon_url: "http://yoursite.com/path/to/beacon.php",
  BW: {
    base_url: 'http://yoursite.com/path/to/bandwidth/images/"
  }
});

Además permite etiquetar páginas para realizar distintos tests y poder compararlos, realizar tests a usuarios aleatorios y evitar abusos de uso

Boomerang

Vía / WebAppers

Javascript

Ejemplos de javascripts optimizados

ByLuis February 27, 2007

Si el otro dÃa os contÃ¡bamos cÃ³mo agilizar tus javascripts, hoy os hacemos referencia a ejemplos sobre esos consejos.
Aunque si soy sincero, no tengo muy claro que se gane mucho tiempo cargando dinÃ¡micamente los scripts y retrasando la ejecuciÃ³n para esperar a que se cargue. O si realmente hay diferencia, que no serÃ¡ mucha y menos con las velocidades que suele tener actualmente la mayoria de la gente, si merece la pena tanta cosa. Si el script lo cargamos inicialmente y luego lo utilizamos en todas nuestras pÃ¡ginas, la optimizaciÃ³n serÃa suficiente.
Yo creo que la mejor soluciÃ³n es no tirar tanto de librerÃas y crear los scripts necesarios para tu aplicaciÃ³n.
Speed Up Your Javascript, Part 2: Downloadable Examples!
VÃa / Dzone

EstÃ¡ndares | Javascript | Office

DOMSlides

ByLuis April 1, 2006

Supongo que S5, el sistema para realizar presentaciones basado en estándares desarrollado por Eric Meyer, es ya un viejo conocido.

He de confesar que no lo he utilizado nunca. Y seguramente jamás llegue a hacerlo: me parece que es como matar moscas a cañonazos (Si no te gusta Powerpoint, puedes realizar presentaciones con OpenOffice o hacer un bonito PDF).

Pues bien, hace unas semanas que estamos trabajando con otro sistema, basado también en XHTML, CSS y javascript, que nos permite generar la presentación a partir de un solo documento:

DOMSlides de Christian Heilmann, ligero y grácil cual felino. Y sino, compruébalo navegando por la demo.

Javascript | PHP

Mini parser para código PHP

ByLuis April 12, 2006

En mi blog personal, me ocurre que cuando quiero mostrar código en un post tengo que modificarlo para que quede bonito, poniéndole estilos, etc… La verdad es que es bastante aburrido y no es algo que me guste mucho hacer, me da mucha pereza.

Supongo que hay más gente que se encuentra en mi situación y me entenderán. La solución es usar unas librerías que me modifiquen el código y lo muestre con colores y tabulado. No me he puesto a buscar en Google, pero habrá ya alguna, de todas formas, siempre está bien saber cómo se podría hacer.

En este caso vamos a explicar como realizar un pequeño parser de código PHP, con tan solo unas funcionalidades: reconoce comentarios, palabras reservadas, funciones, variables y texto entrecomillado, a parte de realizar una mínima tabulación. No reconoce código HTML, ni realiza otras cosas, aunque las ampliaciones son posibles.

Read More “Mini parser para código PHP”

Javascript

FancyBox: zoom de imágenes mediante Javascript

ByLuis April 3, 2008

Buen script creado en jQuery que permite añadir zoom a imágenes. Está testado en IE6, IE7 y Firefox. Entre las características muestra en una ventana lightbox la imagen en un tamaño mayor, pudiendo ajustarse al tamaño de la ventana y mostrando un marco alrededor de la imagen. Además permite mostrar un grupo de imágenes de forma común.

Un ejemplo de uso sería el siguiente:

$(function() {
$("div#test_zone a").fancybox();
});

FancyBox

Similar Posts