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…

Estilizar listas con CSS y javascript

Les dejo un link con un tutorial muy agil de como hacer unas tabs a base de una lista de manera sencilla con un resultado flexible y usando solo 3 imagenes, tambien hay links a mas recursos de como trabajar con las listas de manera faci lcon CSS estilizando siempre para la mejora funcional y grafica del sitio.

Tabs usando listas con CSS y javascript
Tabs usando listas con CSS y javascript

He aqui mas links con tutoriales y recursos de como usar las listas

Es un lugar clasico para aprender a usar las listas de maneras muy interesantes y que es basico conocer para dar un look interesante a las web que haces.
Listutorial

.

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 : 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.

Usar cualquier fuente en una web

Con el HTML 5 nuevas cosas salen y cuando la mayoria de los browsers acepten bien el CSS 2 y 3 se podran hacer muchas cosas en la web. Por lo pronto nos debemos de conformar lo que los navegadores permiten.

Usar cualquier fuente en la web ahora es posible pero aun no es muy práctico

Es posible usar algunos servicios que convierten las fuentes en codigo para que este sea cargado en un archivo JS, y de esta manera usar la fuente que deseamos. Aun asi esto conlleva a saturar un poco la pagina web al cargar el javascript correspondiente y la fuente seleccionada. Hay un par de alternativas en la web que te ayudan a convertir las fuentes en JS para usarlo de este modo:

TYPEFACE y CUFON son dos paginas donde podraas convertir la tipografia que desees y usar el javascript indicado para que esta pueda trabajar en tu sitio.

Pros y contras de usar cualquier fuente en la web

Entre los pros esta que el diseño puede parecer mas atractivo, el javascript permite que un navagedor reciente pueda visualizar las fuentes y uno no actualizado no las ve pero si ve el texto por default.

Los contras son obvios, el tiempo de descarga crece mucho, se requiere de navegadores de ultima generacion para verlo adecuadamente, hay algunos problemas en Internet Explorer (pero eso no es una sorpresa)

.

Conversion de PSD a HTML a partir 159 dolares por pagina


He aqui un link para quien ya tiene su diseño en Photoshop pero no sabe como pasarla a HTML valido y agregarle algunas funicones en Javascript, PHP, etc… es un ejemplo de como en paises anglosajones se hacen buenas cosas y que en Mexico debemos de ver los precios de lo que cuesta realmente un trabajo como este. Las empresas de Jalisco y el resto del mundo deberian apreciar el trabajo de los diseñadores mexicanos que es muy bueno y que por el momento es mas accesible que este sitio que les muestro: https://www.psd2html.com/order-now.html

Drupal WYSIWYG FCKEditor : Como instalarlo

Si bien los fans de Drupal dicen que esta documentado muy bien todavia deja algunas dudas a la hora de documetnar como instalar un WYSIWYG, es decir un editor tipo word para que editees tus textos sin usar el codigo HTML. Por sus siglas WYSIWYG (what you see is what you get) o “lo que ves es lo que obtienes” es una gran herramienta a la hora de que alguien sin experiencia en HTML pueda actualizar una pagina web en Drupal.

Sin embargo el instalar el FCKEditor fue un poco dificil ya que la ayuda esta un poco confusa y fue cosa de leer los README los cuales tambien te dan una informacion a medias. He aqui la manera de instalar de manera mas clara:

Archivos que son necesarios:

1.- Necesitas el modulo WYSIWYG

2.- Necesitas un medulo editor como el FCKEditor

3.- Necesitas el javascript para que funicone el FCKEditor con el WYSIWYG: FCKeditor.Java: Java integration for FCKeditor

PASO 1:

Cuando tengas esto podras subir el modulo en archivo comprimido del WYSIWYG y el del FCKEditor a la carpeta sites/all/modules y ahi descomprimirlas.

PASO 2:

Subir y descomprimir el contenido del archivo coprimido con el javascript del FCKEditor dentro de la segunda carpeta del modulo FCKEditor sites/all/modules/fckeditor/fckeditor

Paso 3:

Habilitar los modulos como normalmente se hace, establecer los permisos de usuarios, y listo queda instalado. Se recomienda leer los archivos README de cada modulo y del Javascript apra mejor referencia. Lo que no dice muy claro en los foros de Drupal es que necesitas 3 descargas para hacer funcionar el sistema WYSIWYG y que el Javascript va dentro de la segunda carpeta del FCKEditor.

Espero ayudarlos y darles unas pistas mas claras, tambien pueden siguiendo estos pasos instalar otras editores en lugar del FCKEditor  como aqui los muestra este compañero del blogs: http://www.ribosomatic.com/articulos/editor-de-texto-wysiwyg-para-drupal/


Problemillas con mootools

He querido hacer una pagina web que solo refresque un DIV, sabia de antemano que se hace con AJAX pero no sabia como hasta que por ahi me pasaron este link a mootools.net. En teoria, mootools es cosa de copy-paste y mover un poco las CSS. Pero la verdad solo me ha generado problemas. www.mootools.net
Seguir leyendo “Problemillas con mootools”