elWebmaster.com

Programación | Twitter | recursos

jQuery: crear un contador de caracteres para un textarea (estilo Twitter)

jquery-twitter-contadorCon 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

25/feb/10, 08.00 Juan Manuel 14 comentarios

recursos | fuentes | tipografía

Font Dragr: previsualiza fuentes tipográficas desde tu navegador

fontdragrJunto 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

18/feb/10, 08.00 Micaela Comentar

PHP | recursos | html

La mejor manera de enviar emails HTML con PHP

PHP¿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

16/feb/10, 08.00 Micaela 14 comentarios

Usabilidad | Internet | recursos

Usabilidad y accesibilidad: 10 errores que nunca debes cometer

usabilidadCon 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

08/feb/10, 08.00 Micaela 11 comentarios

Diseño | recursos | iconos

Social Sketches: íconos dibujados “a mano”

social-sketches-iconos-1Cuando 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

28/ene/10, 08.30 Juan Manuel 2 comentarios

Twitter | recursos | javascript

Muestra tu estado de Twitter con un estilo propio y original

twitter128x128Existen 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

19/ene/10, 08.00 Micaela 8 comentarios

comunicacion | plugin | recursos

jQuery: Cómo comunicar iframes de dominio cruzado y redimensionarlos

jqueryjQuery 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

14/ene/10, 09.03 Micaela 2 comentarios

Firefox | Google | plugin

Las 10 extensiones de Google Chrome más recomendadas

google-chrome-ok-fafafaToda 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

13/ene/10, 09.10 Micaela 7 comentarios

PHP | plugin | recursos

Mootols: Plugins para manejar y dar estilo a tus tablas HTML

mootoolsCon 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

08/ene/10, 09.04 Micaela Comentar

Diseño | descarga | gratis

Fuentes Light: Aprende a usarlas y descarga las mejores en forma gratuita

fuenteslight2Las 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

06/ene/10, 09.05 Micaela 3 comentarios

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder