Sysdent

Muchas veces he usado el objeto DialogBox de GWT para mostrar mensajes emergentes en vez de los intrusivos alerts, sin embargo siempre me había parecido que estos a pesar de tener una buena estética, no dan la impresión que lo que está detrás de él está congelado, entrando así en un problema de usabilidad en nuestras aplicaciones. Hoy, sin necesidad de estarlo buscando, me encontré con GWT Glass Pane, un composite que además se encarga de oscurecer el fondo de nuestra página al mejor estilo de LightBox.

En el sitio además explican como implementarlo de forma muy sencilla en nuestros proyectos, sin necesidad de tener que agregar un nuevo módulo a él, sino creando una clase nueva.

Pruebalo>>

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

En el diseño de un sitio con columnas siempre vas a tener dos opciones: columnas de ancho fijo ó columnas flexibles, las dos con ventajas y uno que otro inconveniente, en mi caso prefiero las columnas flexibles ya que usan mejor las pantallas grandes. Sin embargo siempre hay quien se le daña el diseño si las columnas se crecen, pues gracias a un script de JQuery se ha logrado que podamos definir el tamaño de nuestras columnas de forma fija y repartir el espacio de forma uniforme.

Gracias Alma de WebMasterLibre>>

El contraste de los colores de un sitio web es un aspecto que puede llevarlo a fracasar rápidamente, es fundamental lograr un punto de armonía visual para el lector, de manera que le permita sentirse a gusto, captando su atención en los aspectos más imprtante y sin ir a provocar molestias, cansancio y en peor caso problemas visuales.

Otro lado del diseño en cuanto a colores lograr un buen contraste de los colores de manera que sea sencillo identificar los diferentes objetos de tus páginas, esto último es precisamente en lo que checkMyColours busca ayudarte.

El sitio de checkmycolours te permite validar el contraste de los colores de un elemento y su fondo de manera que sean claramente diferenciables, si bien es recomendable escuchar (o leer?) sus consejos, creo que no debes tomartelo muy a pecho ya que incluso te muestra sugerencias de objetos que no son visibles en tu página.

Para terminar quiero colocar el resultado de efectuar la compriobación en el propio blog ya que me imagino que intentarás hacerlo xD…

Si tu segunda opción es hacerlo a google, también lo intenté y no funciona jeje…

Gracias a KaBytes>>

CheckMyColours>>

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

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

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.

Firebug es un complemento para el navegador firefox, que es de gran ayuda cuando estamos desarrollando sitios web, recuerdo que desde la primera vez que lo probé no he dejado de usarlo ya que me hace las cosas supermamente sencillas. Sin embargo, si hace falta un poco de conocimiento sobre las funcionalidades del mismo, por ejemplo yo no sabía que existía forma de poner puntos de ruptura condicionales, es decir que solo se detenga la ejecución de un script cuando se cumpla la condición que indiquemos.

Uno de los miembros de Adictos  al Trabajo ha elaborado un completo manual sobre este tema, que abarca desde la instalación hasta como modificar los css, html o trabajar con el api de depuración de scripts.

Este creo que es un manual de lecutra recomendada para quienes quieren dejar de sufrir a la hora de desarrollar aplicaciones web.

Ver el manual>>

Sitio de Adictos al trabajo>>