elWebmaster.com

Con el tiempo, algunas convenciones y las mejores prácticas han sido desarrolladas para ayudar a mejorar la usabilidad general de los sitios web en su diseño y construcción.

Aquí les dejamos diez delitos de usabilidad y algunos de los errores más comunes o áreas pasadas por alto en el diseño web. También una solución alternativa para ayudar a mejorar la usabilidad de tu sitio. Seguir leyendo

Javascript es tan flexible y permite llevar a cabo una cantidad de tareas tal que es fácil pecar utilizándolo para cosas que, originalmente, no fue concebido.

Esto implica un problema cuando hay otros lenguajes que harían mejor una tarea determinada. Repasemos en qué casos resulta mejor usar Javascript y en cuáles no. Seguir leyendo

El Codex de WordPress explica el funcionamiento de los plugins desde una perspectiva de referencia, pero la mejor manera de aprender a desarrollarlos es ver ejemplos de código real.

Este tutorial es una introducción al desarrollo de un plugin básico que utiliza PHP para guardar y recuperar datos de la base de datos de WordPress para mostrarlos en el sitio. Seguir leyendo

A veces, con poco, hacemos mucho. Optimizaciones que no llevan más 5 minutos son muchas veces las que llevan a nuestro sitio al siguiente nivel, mejorando increíblemente la usabilidad y accesibilidad para nuestros usuarios.

Podemos hacer ajustes en el backend (optimizando consultas a la base de datos, por ejemplo), en el HTML, el Javascript o usando sprites. Esta vez concentrémonos en los estilos CSS con 7 tips súper importantes. Seguir leyendo

Cuando se trata de un diseño basado en lo pictórico, en el estilo “grunge” o en el collage fotográfico, los dibujos “a mano” quedan mucho mejor que los vectoriales. Pero estos últimos son los que más abundan ahora que la web 2.0 está en auge y parece tener un estilo de diseño bien definido.

Por eso resulta útil tener recursos como este set de íconos creado a partir de un dibujo con lapicera de tinta sobre papel, cuyo tema son las redes sociales más actuales. Seguir leyendo

Como bien sabemos, los visitantes regulares de nuestra web no hacen clic en las publicidades, alrededor de un 90% de las personas que hacen clics en los anuncios vienen de motores de búsqueda.

Es por eso que hoy les traemos una solución para mostrar tus anuncios de AdSense sólo a aquellos visitantes que hayan llegado al sitio mediante el uso de algún motor de búsqueda, lo que significa más clics y un CTR más alto. Seguir leyendo

Theme Demo Bar es un plugin muy pero muy original para quienes ofrecen themes de WordPress en su sitio. Permite agregar una barra superior donde los visitantes puedan elegir el tema que quieren previsualizar, antes de descargarlo o comprarlo.

Esta funcionalidad está muy difundida en los sitios profesionales de venta de themes, lo que hace de este plugin una descarga obligada para muchos. Seguir leyendo

Al testear nuestros diseños en varios navegadores, llega un punto que para que todo quede “pixel-perfect” debemos recurrir a los famosos hacks.

Los hacks para Internet Explorer suelen aislarse dentro de tags conticionales para mayor prolijidad, pero lo que muchos no hacen es separar también los hacks para Safari y Chrome. Esto nos permite conservar una hoja de estilos limpia y fácil de actualizar. Seguir leyendo

Existen muchísimos plugins en la red que sirven para mostrar tus últimos tweets en tu sitio web. Pero a veces, sólo quieres mostrar tus últimas actualizaciones de Twitter de forma rápida y simple.

Por eso, hoy vamos a echar un vistazo al antiguo método de Javascript para obtener actualizaciones y mostrarlas con un interesante diseño en CSS. Seguir leyendo

Hoy en día muchos usuarios utilizan el bloqueador automático de popups en su navegador, y otro tanto lo tienen configurado por default sin siquiera saberlo.

Si necesitas usar un pop-up en tu sitio porque no te queda otra, te recomiendo primero chequear por Javascript si el navegador del usuario tiene habilitado el bloqueador y, en caso de ser así, realizar alguna otra maniobra para avisarle que permita esa ventana emergente. Seguir leyendo