elWebmaster.com

Con un plugin de jQuery podremos lograr la misma funcionalidad que utiliza Twitter en sus cajas de texto, alertando (con cada modificación del texto ingresado) la cantidad de caracteres restantes.

Imagina que al escribir un mensaje, de pronto, se terminan los caracteres disponibles. Si lo hubieses sabido antes habrías sido más sintético. Aprende cómo mejorar la usabilidad en este aspecto. Seguir leyendo

Junto con CSS3 y HTML5 llegaron a la red de redes una gran cantidad de recursos que permiten simplificar la vida y el trabajo de los diseñadores y programadores web.

Entre ellos, se encuentra Font Dragr, una herramienta online gratuita que nos brinda la posibilidad de previsualizar fuentes con solo arrastrarlas y soltarlas en el navegador. Seguir leyendo

¿Cansado de enviar emails sin diseño, que pasan desapercibidos o no se ven correctamente? En el artículo de hoy vamos a encargarnos de conocer cómo enviar emails HTML con PHP, formateados para que luzcan bonitos.

PHP usa la función mail() que puede ser usada con HTML para enviar un correo desde el backend con los datos que queramos. Seguir leyendo

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

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

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

jQuery postMessage permite la comunicación window.postMessage de forma fácil y sencilla en navegadores que la soportan, cayendo en un método de comunicación document.location.hash para todos los otros navegadores.

Con la incorporación del método window.postMessage,  JavaScript finalmente obtiene un método fantástico para la comunicación de iframes de dominio cruzado. En esta nota te explicamos cómo hacerlo. Seguir leyendo

Toda persona que trabaja con su ordenador y está constantemente utilizando un navegador de internet, debe buscar todo el tiempo las formas de maximizar la productividad del mismo.

Y si bien Google Chrome todavía no puede compararse con la cantidad masiva de plugins que Firefox provee, hoy les traemos algunas de las extensiones que deben tener de forma obligatoria si utilizan este nuevo navegador. Seguir leyendo

Con las tablas HTML básicas, se presenta la estructura y la forma de la tabla heredando el estilo HTML nativo. Si quieres modificar cómo se verán, necesitas cambiar el código HTML o añadir atributos a todas las etiquetas de las tablas, para luego darle estilo con CSS.

Ya hace un tiempo les trajimos un artículo con 15 plugins jQuery para manejar tablas y el día de hoy les mostraremos algunas soluciones basadas en MooTools para hacer sus tablas más dinámicas e interesantes. Seguir leyendo

Las fuentes Light son aquellas que usualmente son más finas que las tipografías comunes. Utilizando las fuentes Light se pueden crear banners, encabezados, sidebars, etc. con una estética visual atractiva.

En esta nota, vamos a explorar las características básicas de las fuentes Light, algunos ejemplos y compartir las mejores fuentes delgadas gratuitas de la red. Seguir leyendo