RSS
people

Reemplazando animaciones flash con Javascript

De antemano sé que surgiran muchas ideas contradictorias a este post, sin embargo quiero exponerles a todos estos 16 ejemplos de cuando javascript hace una arremetida contra flash para tratar de quitarle dominio en el campo de las animaciones en la web.

Gracias aNieto2k>>

1 Comment | Tags: , , , , , ,

dhtmlxScheduler – Un completo calendario para tus aplicaciones web

Aunque he visto algunas implementaciones de calendarios en javascript y html, tengo que confesar que dhtmlxScheduler me ha dejado realmente sorprendido, no solo por su apariencia sino por por el diseño de interacción que nos presenta, muy al estilo de cualquier aplicación de escritorio, basta con arrastrar y soltar para delimitar el inicio y duración del evento y/o modificar su ubicación en el tiempo.

Entre las características que he podido probar puedo enumerar:

  • Permite añadir, modificar y eliminar evento sin necesidad de refrescar la página (el poder de ajax que llaman xD) .
  • El comportamiento intuitivo de arrastrar y soltar para configurar eventos permite modificar el inicio, duración e incluso fecha de los mismo, importante que estos se puede transferir de un día a otro, o incluso entre meses.
  • El valendariop permite vistas de días, semana y mes.
  • La librería viene con compresión GZip, lo que garantiza un menor tamaño (cerca de 19 Kb).
  • Además en la página aseguran que es de fácil personalización, por ejemplo cambiar el formato de las fecha, el idioma del calendario y los estilos, y la independencia para el manejo en el lado del servidor (Java, Php, Asp, etc.), ya que es un componente puramente javascript.
  • Soporta tanto una licencia GPL como su variante comercial.

Puedes encontrar un demo aquí>>

El sitio original de dhtmlxScheduler>>

No Comments | Tags: , , , , , ,

Formularios y Alertas para tu sitio

El día de hoy un amigo me preguntaba si era posible en un desarrollo suyo lograr que al presionar un enlace de la página apareciera un formulario de contacto al mejor estilo lightbox, para mis adentros me dije si, es posible hacerlo con algunas de las muchas librerías que nos permiten hacer cargas mediante ajax de forma elegante, sin embargo me entero que ya existe un plugin para JQuery, que hace precisamente esto, cómo bien dicen que una imagen vale más que mil palabras, yo añado que un demo vale más que mil imagenes xD.

 

Clic en la imagen para ver el demo

Clic en la imagen para ver el demo

Otra funcionalidad que podemos agregar en nuestros sitios es la posibilidad de mostrar mensajes al mejor estilo de twitter, estos nos permiten informar al usuario sobre diferentes eventos que vayan ocurriendo.

Estos son solo un par de recursos que al ser incorporados en nuestros sitios harán más amena la estadía por parte de los visitantes.

Ver demo del formulario>>

Descargar ejemplo de carga de formulario con ajax>>

Ver demos de mesajes estilo twitter>>

Descargar el ejemplo de mensajes>>

Una y otra vez gracias a Ribosomatic.

1 Comment | Tags: , , , , , ,

IceFaces – Framework JSF

Aunque he hablado un poco de gwt y personalmente me ha parecido la mejor opción a la hora de realizar aplicaciones ricas en internet, he decidido investigar un poco sobre la tecnología JSF de sun ya que después de todo es el estándar, la idea es conocer más sobre esta opción de desarrollo y a la postre poder hacer un comparativo sobre ellas. Ya hace tiempo venia buscando una implementación para enfocarme en ella, probé con RichFaces de JBoss pero con la salida del más reciente podcats de la asociación de javahispano me he decidido por IceFaces.

Qué es ICEFaces?

Bueno pues podemos decir que es un framework de desarrollo web creado sobre la especificación jsf y con capacidad de procesamiento de solicitudes ajax, que nos permiten a los desarrolladores web construir aplicaciones con contenido enriquecido, programando únicamente en java y sin tener que agregar un applet u objetos que dependan de complementos propios de x navegador.

Qué beneficios me aporta usarlo?

Los beneficios son numerosos pero podemos destacar:

  • Una mejor experiencia del usuario: Usando los componentes con soporte ajax y con la posibilidad de crear nuevos, se puede mejorar la experiencia del usuario al usar la aplicación.
  • Es open source: ICEFaces es un proyecto liberado de código abierto, lo que garantiza que siempre tendremos un soporte por parte de la comunidad, actualmente existen alrededor de 70,000 desarrolladores involucrados con su mejoramiento.
  • Basado en estándares: Esto nos permite integrar el framework ya sea en aplicaciones nuevas o existentes, y con la posibilidad de usar las ventajas que ofrecen los mejores ides del mercado como eclipse o netbeans.
  • Compatibilidad: Ha sido probado en una gran cantidad de servidores, ides y navegadores. Además es posible integralo con otros productos como hibernate o librerías para el manejo de javascript.
  • Ajax push: No encontré una buena forma de traducir esto, pero lo que nos permite no es más que hacer un renderizado de la página en el navegador del cliente que sea iniciado por un evento en el servidor, es decir un renderizado iniciado por el servidor y no por el cliente.
  • Seguridad: Es uno de los frameworks más seguros (si no el más) que actualmente podemos encontrar en el mercado. Tiene compatibilidad con SSL, previene la inyección de códogo malicioso XSS, es una tecnología del lado del servidor, lo que nos garantiza que la lógica de negocio de nuestra aplicación no será mostrada al cliente (esto tiene su contraparte en el consumo de recursos de la maquina servidor).

Versiones de java soportadas:

  • Sun JDK 1.4 o superior.
  • MyFaces y Sun JSF 1.1
  • Sun JSF 1.2

Integración con IDES:

Es posible integrarlo en los siguientes IDES.

  • Eclipse.
  • My Eclipse Enterprise Workbench.
  • Sun Netbeans.
  • Oracle Jdeveloper.
  • IBM RAD.

Servidores de aplicaciones soportados:

  • Apache Tomcat.
  • BEA Weblogic Server.
  • JBOSS Application server.
  • IBM WebSphere Application Server.
  • Oracle Aplication Server Container for J2EE (OC4J).
  • SAP NetWeaver.
  • Sun GlassFish.
  • Sun Java System Application Server.
  • Webtide Jetty.

Compatibilidad con los siguientes navegadores web:

  • Microsoft Internet Explorer 6.x, 7.x, 8.x.
  • Firefox 2.x, 3x.
  • Safari 3.x.
  • Google Chrome 1.x.
  • Apple Safari (iPhone, iPod Touch).
  • Opera Mobile.
  • RIM Blackberry Bold.

Información tomada de la documentación de IceFaces.

Ir al sitio de IceFaces.

2 Comments | Tags: , , , , ,

50 Ejemplos y tutoriales sobre ajax

Ajax es una técnica de desarrollo web, que nos permite crear aplicaciones interactivas (RIA), estas se ejecutan en el cliente, y se basa en la comunicación asincrona con el servidor, logrando realizar cambios en algunas partes de la página, sin necesidad de recargar esta completamente.

La gente de HackSystems ha realizado una recopilación de 50 tutoriales, junto con ejemplos sobre la aplicación de ajax en desarrollos web, ya sea para mejorar la estética, la usabilidad o hacerlos más llamativos.

La lista incluye:

  • Formularios.
  • Ventanas emergentes (LightBox).
  • Mensajería instantanea.
  • Tabs.
  • Carritos de compra.
  • Barras de calificación con estrellas (Rating start).
  • Paginación.
  • Administración de archivos.
  • Autocompletado.
  • y mucho más.

Ver los tutoriales de ajax

1 Comment | Tags: ,