Desarrollo Web

Menú Dropdowns con CSS y algo de JavaScript

¿A quién nunca le ha intrigado como Comunnity MX creó el impresionante menú dropdown de su página web? Pues en este artículo, en una traducción más de A list Apart, les mostramos como crearse uno, usando CSS y algo de JavaScript para hacerlo accesible a la mayoría de navegadores.

Traducción con el permiso de A list Apart Magazine y su autor Eric Shepherd.

Ver ejemplo

Listas Dinámicas Complejas: Su orden por favor

En nuestra lucha por reducir el número de pasos que los visitantes de un sitio web toman para lograr una meta, le hacemos frente a un sin número de desafíos. Uno de ellos es el proveer a los usuarios del mejor camino a elegir de una lista de elementos jerárquicos.

Nuestros Objetivos:

  • Exhibir una lista jerárquica de opciones detallada y con muchos elementos.
  • Ofrecer al visitante una opción llana por momentos y oculta en otros.

art61

Traducción con el permiso de A list Apart Magazine y su autor Christian Heilmann.

Ver ejemplo 

Diseñando Formularios Usables.- Consejos claves

La usabilidad es la medida de la facilidad de uso de un producto o servicio, típicamente una aplicación (software) o un aparato (hardware). Generalmente se define en términos de las necesidades de los usuarios, necesidades que frecuentemente entran en conflicto directo con las intenciones de los diseñadores.

Así pues, llenar los formularios a veces es una molestia. Respuestas "inválidas", opciones confusas, y entradas inaceptables constantemente nos ocasionan más trabajo. Y no es extraño que muchos internautas, simplemente abandonen una web cuando llenar su formulario es realmente una odisea.

En este artículo vemos algunos consejos claves para crear formularios más fáciles y agradables. Porque llenar un formulario no tiene que ser un suplicio para el visitante...

Como crear un Mapa de Imagen con CSS y XHTML

Un mapa de imagen es crear zonas activas en la imagen misma, de tal manera que cuando uno pasa el mouse sobre una parte de la imagen, podamos ver una reseña de lo que esta área muestra. Ver un ejemplo.

Como se logra esto? Para este ejemplo, transformando una lista de definición html <dt></dt> en el mapa visto, usando nada más que CSS.

Pero la idea no es limitarse solamente a esto, sino entender como funcionan.

XMLHttpRequest & Ajax: Ventajas y Desventajas

Ajax es un enfoque impresionante, del uso de distintas tecnologías, que nos está conduciendo a una nueva generación de aplicaciones web, desde una muy sencilla aplicación (mini-tutorial de Ajax) que nos introduce en este enfoque hasta las complejas aplicaciones de servicios web (Ej. maps.google.com).


Rápidamente, muchos sites han tratado este tema, informándonos de sus ventajas y novedades. Nosotros, en este sucinto artículo, compilamos una serie de enlaces en español (los mejores a mi parecer) que nos introducen en esta combinación de tecnologías; además de una lista de 5 puntos que no debemos de descuidar si queremos hacer una buena aplicación con Ajax.

Páginas

Subscribe to RSS - Desarrollo Web

Tutoriales

Cómo descargar videos de VK.com
En este artículo voy a explicar como descargar videos y películas...
Descargar Facebook Móvil Gratis
Por si aún no lo han hecho, es posible descargar Facebook Móvil...
Cómo generar tráfico web con las redes sociales - Paso a Paso
Muchas empresas están publicando contenidos como la forma de crear...

Artículo Recomendado

3 Tips cruciales para recuperar archivos eliminados
¿Te imaginas perder el trabajo de toda una semana en tan solo unos segundos? Todos hemos pasado por este problema. Quizás eliminamos por error un archivo importante o lo borramos sin pensar que era valioso para otro... más