Comparativa Entre JQuery y Prototype

Monday, Octubre 29th, 2007

Remy Sharp ha hecho una comparación de código entre estos 2 excelentes frameworks Javascript los cuales en ciertos aspectos son similares. La presentación se enfoca en los selectores, manipulación del DOM, Ajax, Eventos y la detección del navegador.

Vía: Ajaxian

Accordion v2.0 - Efecto de Acordeón En Javascript Con Prototype y Scriptaculous

Friday, Septiembre 21st, 2007

Accordion v2.0 es una librería que permite crear un efecto de acordeón en javascript para esto utilizando prototype como framework y scritpaculous para los efectos. El peso de la librería es de tan solo 6KB por lo que es bastante ligero y la funcionalidad y efectos que nos presenta es muy atractiva.

Crear Efecto de Acordeon En Javascript Con Prototype

Entre las características que nos presenta esta librería están las siguientes:

  • Creación de acordeones verticales (los clásicos).
  • Permite también la creación de Acordeones horizontales.
  • El tamaño del contenedor del acordeón se adaptara dinámicamente al tamaño del texto que contenga.
  • Permite definir el evento por medio del cual se activa el acordeón.
  • Permite cambiar la velocidad de apertura del acordeón.

- Accordion v2.0 (Para mas información y modo de utilización)
- Descargar Accordion v2.0 (Incluye página demo)

Anteriormente utilizaba el acordeón de Rico pero en definitiva creo que la dejare para utilizar esta.

Vía: Del Icio

CoolTips - Libreria de Tooltips Para Prototype y Scriptaculous

Thursday, Septiembre 20th, 2007
Libreria de Tooltips en Javascript con Prototype

Cooltips es una librería para tooltips creada en javascript no intrusivo. Esta librería utiliza el contenido establecido en el atributo title para los tooltips. Esta basada en Prototype Js y en Script.Aculo.Us.

Libreria Para Crear Tooltips en Javascript

Para ver la manera de implementar y ejemplos de la librería pueden acceder a la web del autor.

Enlace: Cooltips


Posts Relacionados:

Vía: WebAppers

6 Razones Para Utilizar Librerias o Frameworks en Javascript

Monday, Septiembre 10th, 2007

Leyendo Sentido Web me encuentro con estas 6 razones para el uso de librerias o frameworks en javascript y si que tienen razón. En lo personal y como desarrollador web puedo asegurarles que el uso de algún framework (en mi caso utilizo prototype) o alguna libreria en javascript eficienta bastante el trabajo. Con el uso de un framework el hacer ciertas cosas (por ejemplo peticiones AJAX) es algo tan sencillo y nos ahorra tiempo de programación.

  1. No reinventes la rueda: no pierdas en tiempo en hacer algo que ya han hecho otros y que además dan buen resultado.
  2. Haz más con menos código: estas librerías suelen permitir encadenar código, por lo que con menos código se consigue menos espacio, mejor mantenimiento y menos tiempo de desarrollo.
  3. Ahorra tiempo: por mucho que te guste programar en Javascript, ahorrarás tiempo al realizarlo mediante estas librerías.
  4. No eres el mejor programador: por mucho que tu ego te diga que eres bueno, los hay mejores. Además, estas librerías suelen estar apoyadas por una comunidad que hace mejorar el trabajo.
  5. Velocidad: estas librerías suelen ser muy rápidas a la hora de realizar las acciones.
  6. El código se entiende mejor: el código base de Javascript puede ser más complicado de leer y entender.

Aunque si bien es cierto que nos ayudan bastante tambien creo que no debemos depender del todo de alguna libreria, siempre es bueno tener la capacidad para hacer nuestras propias funciones o librerias por cualquier cosa. Cuando sabes el trabajo que cuesta hacer alguna función y despues utilizas un framework lo sabras apreciar :P o ustedes que opinan?

Posts Relacionados:

Proto.Menu Un Menú Contextual Ligero En Javascript Utilizando Prototype

Monday, Agosto 27th, 2007

Si necesitas un menu contextual para tu sitio o aplicación web Proto.Menu es una excelente opción. Proto.Menu es un simple y ligero menu contextual utilizando prototype.

Menú Contextual En Javascript

Sus características son las siguientes:

  • Peso Ligero 2 KB (1.5 KB comprimido)
  • No obtrusivo
  • Cross-browser
  • Totalmente personalizable. El estilo puede definirse en una hoja de estilos externa.
  • Rapido.

Requiere de prototype.js 1.6.0_rc0

Descargar Proto.Menu

Enlace: Proto.Menu

Posts Relacionados:

Via: Ajaxian

Métodos Útiles para Extender el Objeto Array en Javascript

Wednesday, Agosto 15th, 2007

El dia de ayer frogx3 se topo con un ligero problema en javascript con el objeto array ya que necesitaba obtener la posición de un elemento que coincida con un valor proporcionado. Con frameworks como Mootools, Protototype, jQuery (supongo) esto no habria sido problema pero ¿qué pasa cuando no puedes incluir ninguno de esos frameworks? pues tenemos la ventaja en Javascript que podemos añadirle eventos a los objetos nativos de javascript utilizando Prototype (Ojo no el framework) por lo que podriamos definir nuestros propios métodos de una manera sencilla. A continuación les presento una lista de algunos métodos útiles para extender el objeto Array en Javascript:

indexOf

Este método te devuelve la posición de un elemento dentro de un arreglo. Para agregarle este método al objeto array hacemos lo siguiente:

  1. // Array.indexOf( value, begin, strict ) - Regresa el indice del primer elemento que coincida con el valor especificado
  2. if (!Array.prototype.indexOf)
  3. {
  4. Array.prototype.indexOf = function( v, b, s ) {
  5. for( var i = +b || 0, l = this.length; i < l; i++ ) {
  6. if( this[i]===v || s && this[i]==v ) { return i; }
  7. }
  8. return -1;
  9. };
  10. }

Podemos probarlo utilizando el siguiente código:

  1. var arreglo = new Array(“a”,“b”,“c”,“d”);
  2.  
  3. var posicion = arreglo.indexOf(“d”);
  4.  
  5. alert(posicion);

(more…)



Tu banner aquí

Recibir Artículos Por Email