Javascript: Listado de Frameworks

Les dejo una lista de los frameworks basados en javascript mas comunes. Los mas usados son jQuery y Mootools, el Dojo Toolkit tambien esta muy interesante pero esta algo pesado, sin embargo viene listo con una UI que cuenta con temas y muchas funciones para hacer aplicaciones web muy robustas. Cada quien tiene necesitades diferentes y sabra elegir el framework que mas le convenga.

VIA desarrollo web:
Frameworks de javascript : jQuery, DojoToolkit, mootools, etc…

Anuncios

Alternativa a jQuery : DojoToolKit 1.7

Ya he hablado un poco del DojoToolKit y tiene unos pocos dias que salio la nueva version 1.7 la cual ofrece soporte a las versiones anteriores asi como una mejora en el desempeño y un tamaño mucho menor.
DojoToolKit esta optimizado para:

  • Trabajar en todos los navegadores
  • Compatibilidad y buen desempeño
  • Optimizado para dispositivos moviles
  • Pensado para que se implemente muy rapido

.

DojoToolKit framework

getDojoToolKit

http://dojotoolkit.org/reference-guide/dojox/widget/AutoRotator.html#dojox-widget-autorotator

Este es el Dojo un framework de javascript que he tenido que aprender por cuestiones de trabajo, este framework tiene algunas cosas interesantes como que es multi browser y te evita el estar haciendo hacks y depurando para los diferentes navegadores que luego ahi es donde se pierde mucho tiempo.

El ejemplo esta aqui:

He aqui un ejemplo de como hacer un slider que rota automaticamente. Slider en DojoToolkit framework.

El DojoToolKit se puede bajar aqui para que lo pruebes y hay conozcas sus caracteristicas.

dojoSliderSample

JAVASCRIPT PARA EL DOJO Y SU CSS (EN EL HEADER)

<script src=”http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js&#8221;
djConfig=”parseOnLoad: true”>
</script>
<script type=”text/javascript”>
dojo.require(“dojox.widget.AutoRotator”);
dojo.require(“dojox.widget.rotator.Fade”);
</script>
<link rel=”stylesheet” type=”text/css” href=”http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css&#8221;
/>

JAVASCRIPT

<script type="text/javascript"> dojo.require("dojox.widget.AutoRotator"); dojo.require("dojox.widget.rotator.Fade"); </script>

HTML

<div dojoType="dojox.widget.AutoRotator" id="myAutoRotator2" jsId="myAutoRotatorInstance2" transition="dojox.widget.rotator.crossFade" duration="2000" random="false" cycles="9999"> <div> <img src="../imagenes/dojoSlide01.jpg" alt="Dojotoolkit" /> </div> <div> <img src="../imagenes/dojoSlide02.jpg" alt="Dojotoolkit" />
 </div> <div> <img src="../imagenes/dojoSlide03.jpg" alt="Dojotoolkit" /> </div> </div>


.

DojoToolKit : javascript framework

Pues por cuestion de trabajo he tenido que aprender un poco de este framework para hacer mucha cosas coo grids, acodiones, layout y otras cosas interesantes todo de manera declarativa o programatica. Es decir lo puedes usar de la manera estatica en tu web o si eres un programador avanzado usarlo para conectarse con tu base de datos y desplegar la informacion de manera muy rapida.

Es interesante saber que esta pensado para ser multi navegador o cross-browser para evitar la lata de estar haciendo hacks para que funcione en todas las versiones de explorer. Eso ya lo hicieron la gente de DojoToolKit

Tambien hay materila listo para usarse en mobiles lo que le da un sentido especial a este framework de javascript  pensado tambien para teleofonos y dispositivos mobiles

Ademas DojoToolKit es gratuito

Ya no te tienes que preocupar por los elevados precios en miles de dolares de aplicaciones como EXT de Sencha u otras similares. Vale la pena probar con este framework y hacer algunos ejemplos.
Espero les sea de utilidad la informacion y si hacen algo pues manden el link para verlo.

Galeria jQuery : PikaChoose

JQuery PikaChoose
JQuery PikaChoose

PikaChoose es una galeria jQuery

Despues de buscar algunas esta me gusto por sencilla y un diseño neutro que queda casi en cualquier sitio. Otras tambien son funcionales pero esta me parecio la mas acertada.

¿Como se usa?

Para usarla hay que estar familiarizado con HTML y copiar y pegar el codigo que provee el sitio de pikachoose. Agregas las fotos en un listado y el codigo hace el resto. Es una manera sencilla que puedes mostrar fotografias que esten rotando de manera automatica.

Ventajas

La ventaja que tiene sobre hacer esto en flash es que es mas rapido, Google indexa la fotografia con su respectivo texto ALT, es decir tambien te ayuda en posicionamiento, cosa que con flash es un poco mas complicado. Ademas la galeria se puede actualizar al poner nuevas fotos y actualizar el listado en el archivo HTML

Ejemplo de un sitio con esta galeria

Es una empresa que se dedica a hacer Calendarios Personalizados, Mouse Pad con tu imagen y nombre. Ademas cuentan con Mochilas Personalizadas para niños de preescolar. Es una empresa Tapatia llamada Properprint. He aqui un screenshot de la galeria pikachoose aunque es mejor verla en vivo directo su sitio.

pika_properprint
pika_properprint
ANUNCIO:

Dofer : Aditivos e Ingredientes Alimenticios para la Nutricion Animal. Guadalajara, Jalisco, Mexico.

Línea de fungicidas en liquido y/o polvo, contra el crecimiento fúngico en los granos.

Línea de compactantes para alimento balanceado

Línea de antioxidantes en líquido o polvo formulados a base de una gran variedad de antioxidantes

Control efectivo contra la acidosis ruminal.

Línea de secuestrantes de micotoxinas a base de aluminosilicatos y compuestos orgánicose inorgánicos

Bactericidas en líquido y polvo,foprmulado a bases de sales de formaldehido y ácidos orgánicos

Diseño grafico, diseño de paginas web, optimizacion de sitos web, posicionamiento en buscadores, planes de posicionamiento, diseño en guadalajara, planes de hosting

Embotelladoras de agua

Canastas Navideñas, Despensas Navideñas en Guadalajara, Marphanie.net