Soy Álvaro Remesal, un artesano del software asentado en Valladolid. Soy un apasionado de la construcción de sitios web usables, funcionales y prácticos, fanático del desarrollo de soluciones a todo tipo de problemas, y aprendiz incansable.
Aunque especializado en desarrollo web, mi parte de artesano aprendiz me lleva a conocer otros sectores como la movilidad o el software de escritorio.
En alvaroremesal.net encontrarás mi perfil profesional, trayectoria y portafolio de mis últimos proyectos, aunque esto está en cambio constante ya que suelo aprender y jugar con todo tipo de nuevas (¡o viejas!) tecnologías.
Si tienes una empresa, negocio, o simplemente necesitas un experto que desarrolle tu presencia online, la nueva aplicación web de éxito o una intranet, no dudes en contactar conmigo.
Muchas aplicaciones web usan el favicon para notificar
eventos, como nuevos mensajes o nueva actividad. Uno de los ejemplos más claros es Gmail, aunque también otros como Facebook o Pinterest lo usan.
Hace poco encontré una clase Javascript que permite implementar esta funcionalidad en una web: Notificon. Con esta clase, el notificar al usuario, por ejemplo, que tiene un nuevo mensaje en nuestra aplicación web es coser y cantar.
Una técnica CSS muy extendida, casi básica, es la de reemplazar un texto por una imagen usando text-indent. Con esta técnica podemos transformar un enlace en un botón, o un aburrido título en un título con fuentes especiales o con un bonito diseño. Esto último es cada vez menos necesario ya que podemos usar fuentes propias con CSS3, pero para muchas otras situaciones el reemplazar texto por imagen sigue siendo una labor del día a día.
Hasta ahora usábamos la identación negativa del texto, a la vez que dábamos una imagen de fondo al elemento; así, conseguimos que se muestre la imagen pero el texto se desplaza fuera de la pantalla, siendo "invisible":
background: url("../images/boton.png") 0 0 no-repeat;
text-indent: -9999px;
Esto conlleva dos pequeños detalles, uno de rendimiento y otro de diseño:
Un nuevo planteamiento para resolver esta situación, propuesto por Scott Kellum en Zeldman.com, identa el texto al mismo tamaño que la caja contenedora, pero al no hacer wrapping y esconder el overflow, el texto no aparece ni cambia el tamaño de la caja:
text-indent: 100%; white-space: nowrap; overflow: hidden;
Esta solución evita los dos problemas del clásico -9999px, siendo una solución mucho más elegante y limpia.
En muchas webs encontramos cajas de texto con limitación de caracteres. Esto suele ser debido a limitación en el tamaño de datos que la web quiere soportar, o a limitación de espacio en pantalla. Cada desarrollador elige lo que cree más conveniente. Pero cuando esta limitación interfiere con la usabilidad del sitio web ya entramos en el ámbito del fallo, por no hablar de chapuza.
Esto viene a raíz de que hace un rato me he estado registrando en un nuevo servicio web de proyectos y servicios freelance, cuyo nombre mantendré en la intimidad. En el momento de introducir mi descripción, me aparece una caja de texto. Escribo una descripción que considero adecuada y... error, máximo 500 caracteres. Problemas de usabilidad:
Estos dos problemas derivan en una experiencia de uso nefasta. El buen trabajo hecho en el resto del diseño del portal se va al traste cuando se trata de rellenar un apartado tan importante como es la descripción del usuario del servicio y te encuentras con esta... desfuncionalidad. Una de las reglas de oro de la usabilidad es no sorprender nunca al usuario. No se le puede pedir al usuario que rellene un texto y darle la sorpresa de que hay un límite de tamaño del que no se le ha informado previamente. Ni tampoco se puede pedir al usuario que vaya contando caracteres uno a uno.
Además, es un error tan fácilmente subsanable que confío en que lo arreglen cuanto antes mientras este servicio aún luzca el cansino cartel de Beta en su logo. Para arreglar este problema de usabilidad basta con poner un mensaje al mostrar la caja de texto, indicando el tamaño máximo del texto a introducir, y poner un contador de caracteres que de feedback al usuario de la longitud del texto que lleva escrito (hace más de un año que liberé maxlen, un plugin jQuery para dotar de esta funcionalidad -y más- a un textarea).

Página web del Ayuntamiento de Moraleja del Vino, Zamora. Presencia online, comunicación con el ciudadano, imágenes, etc.

Muy fácil de usar incluso sin conocimientos previos y muy flexible, adaptable a cualquier página web.

Aplicación web para un concurso infantil, uniendo actuaciones en el mundo real con el concurso online, a fin de dar a los niños un incentivo para participar en las actividades a la vez que se inicia la alfabetización digital.

Una tienda online de productos relacionados con la música profesional: mesas de mezclas, platos, luces, etc.

Web corporativa de Aventos, una empresa dedicada a la retransmisión de eventos en directo, especializados en la emisión vía streaming a través de internet, y en la gestión, difusión y emisión de eventos con participación directa del público a través de internet y de las redes sociales.

Tecnotransporter es un portal que pone en contacto a transportistas con personas o empresas con necesidades de transporte de cargas.

Foquse es un sencillo gestor de tareas pendientes, basado en la filosofía GTD (Get Things Done) de David Allen.

Futoore es una aplicación web de entretenimiento, que imita el funcionamiento de las "cápsulas del tiempo" tan famosas entre los niños y jóvenes de décadas pasadas.

Gestor de contenidos para el congreso europeo Cardioimpulso Post Esc

Gestor de contenidos para el canal de TV Online CardiologiaTV.

Gestor de contenidos para la web del Ayuntamiento de Rábano de Aliste (Zamora), en una web que engloba también a los ayuntamientos de Sejas, San Mamed y Tola.

Gestor de contenidos para la web de la Mancomunidad Tierras de Aliste, que engloba a varios ayuntamientos y municipios de la comarca de Aliste (Zamora).

Aplicación online para practicar la escritura y despejar la mente. Proyecto destinado a poner a prueba el sistema de base de datos MongoDB.
Esta web
http://alvaroremesal.net
, su contenido, texto e imágenes está licenciado bajo una
Licencia Creative Commons Reconocimiento-Compartir bajo la misma licencia 3.0 España.