Archive for the ‘Artículos’ Category

Aquí va un listado de 10 malas prácticas que, sin ser especialmente graves, perjudican al desarrollador Web en su tiempo de desarrollo, en la limpieza del código que desarrolla, en su mantenibilidad a futuro, en el trabajo colaborativo con otros desarrolladores o en errores exóticos que después uno no sabe de dónde salieron.

Estas mañas suelen ser fruto de la inexperiencia y sí, alguna vez las cometí todas. En especial para quienes están empezando en esto del desarrollo Web, les va a servir de mucho.

Este post está dividido en dos partes, en forma de ranking, así que aquí les va desde el error 10 hasta el 6. ¡Mantente atento a la parte II para conocer los próximos 5 errores! Read more on 10 errores comunes al diseñar sitios Web (parte I)…

Una buena interfaz se distingue de una mediocre por los detalles. Los detalles demuestran qué tan lejos ha llegado el interés y el cuidado del diseñador y del arquitecto de información por entender las necesidades y expectativas del usuario de una aplicación.

Es, en definitiva, lo que nos hace diferenciar, de manera inconsciente, las interfaces que “se sienten sólidas y profesionales” de aquellas a las que meramente estamos obligados a adaptarnos. Una interfaz cuidada en los detalles despierta confianza en el usuario.

Vamos a revisar ejemplos anónimos de aplicaciones chilenas, con las que me topo día a día, para identificar algunos de esos detalles. Observando, nos daremos cuenta que es posible, con cambios sencillos, mejorar bastante la efectividad de una interfaz gráfica de usuario.

Y en esta primera parte, volveremos sobre el tema del lenguaje y el uso de la semántica. Continúa leyendo… Read more on Interfaces Web: Hay que fijarse en los detalles (I)…

Las URL (nombre técnico de las direcciones Web) vienen a ser algo así como una especie de número telefónico con identidad propia: cumple la doble misión de llevarnos a un determinado sitio, página o archivo, pero a la vez tiene la capacidad de informarnos algo sobre el sitio y la página en cuestión… o eso debiera.

Porque muchos desarrolladores de sitios ignoran el poder que tienen las URL, no sólo para salir mejor parado en los rankings de buscadores, sino además para atraer más visitas y simplificarle la vida a los visitantes. Vamos a ver unos cuantos tips de usabilidad que pueden multiplicar el provecho que actualmente le sacamos a las direcciones Web en nuestro sitio. Read more on Usabilidad: Haz que las URL jueguen a tu favor…

No sé si existe ya el concepto “CSS Contextual”, pero si no es así, lo inventaré aquí :). Si el lector está medianamente interesado en CSS, sabrá que las reglas CSS pueden ser escritas para tomar en cuenta la etiqueta (clase, ID, etc) en la cual está inserto el elemento que queremos modificar.

Esta “sensibilidad al contexto” puede ser usada para tener un sistema de nombres de clases mucho más elegante y minimalista. A continuación veremos cómo y porqué conviene hacerlo así. Read more on Las ventajas de usar CSS contextual…

No, este post no es sobre asuntos culinarios… :) Es sobre los menús de navegación de los sitios Web. Y no tiene que ver con su colocación espacial o con su diseño, sino con los items que se eligen para llenarlo. Veamos algunos puntos clave para tomar en cuenta a continuación.

Read more on La importancia de saber elegir un buen menú…

La seguridad es algo que todo desarrollador Web debe tener en cuenta a la hora de construir un sitio. Los sitios Web son vulnerables, en mayor o menor grado, a una gran variedad de ataques maliciosos, que van desde borrar los contenidos de un sitio o acceder a información personal hasta instalar malware inadvertidamente en ellos.

En mi caso, el tema me interesa bastante, puesto que casi todos los sitios que desarrollo en la actualidad son en plataforma WordPress.

Investigando un poco, he encontrado ciertas medidas de seguridad muy simples, que pueden mejorar la seguridad de un blog WordPress en varios escenarios. Aquí van. Read more on Pasos sencillos para mejorar la seguridad de WordPress…

CSS permite modificar el cursor que se usa en un determinado elemento. Si eres desarrollador Web, probablemente ya lo sabías, y quizá te preguntes ¿qué valor le puede dar a una interfaz el cambio de un cursor?

Soy un convencido que las buenas interfaces son aquellas que cuidan todos los detalles. Este artículo explicará un par de casos donde, mediante muy poco CSS, el cursor puede contribuir a una experiencia de usuario más limpia y elegante, y por consiguiente, a una mejor interfaz. Read more on Cursores en CSS: Porque los detalles sí importan…

Esto es casi un manifiesto por la limpieza y la simplicidad en nuestros computadores. El mundo tendría más tiempo (y por ende, más dinero), más ciclos de CPU, más RAM y menos estrés, si los fabricantes de software, hardware y sistemas operativos no reinventaran la rueda cada vez que quieren introducir una funcionalidad nueva, si no intentaran llenar nuestros PC’s de crapware al comprarlos, y si no intentaran embutirnos funcionalidad que no queremos a costa de la que sí queremos.

A continuación, las sentencias y preguntas. Read more on ¡No queremos más software, queremos menos!…

Cuando hablamos de “interfaz” en sitios Web o aplicaciones, lo primero que se viene a la mente son los colores, las formas, los efectos, los íconos, etc. Todo menos el texto.

El descuido por las palabras usadas en la interfaz suele estropear la mayoría de las experiencias de usuario de los sitios Web allá afuera. En este artículo explicaré por qué, sin un trabajo de texto apropiado, el valor agregado por la gráfica puede hacerse humo, así como veremos un par de consejos para mejorar la calidad de dicho trabajo. Read more on Las palabras son parte de la interfaz…

Éste es el primero de una serie de artículos sobre optimización y trucos CSS que permiten escribir un código más limpio y en menos tiempo.

CSS posee bastantes atajos o “shorthands” para abreviar múltiples reglas en una sola. Aquí veremos los principales, y cómo usarlos correctamente para ahorrarnos tiempo, espacio y peso de los archivos. Read more on Shorthands: Ahorra código CSS…