elWebmaster.com

Si tienes tu blog de WordPress, seguramente te resulta tedioso subir cada tanto a tu servidor la última versión de jQuery, y andar cambiando la llamada en el header.php cada vez.

Con el siguiente código, podrás cargar siempre la última versión actualizada desde los servidores CDN de alta velocidad de Google ¡sin volver a tocar el código! Seguir leyendo

El desarrollador web moderno que no tiene en cuenta el Ajax en la planificación o la construcción de sus páginas web, está perdiéndose de una poderosa herramienta para mejorar la usabilidad.

Sin embargo, existen desafíos en la aplicación de de AJAX en una página web. En esta nota vamos a analizar las soluciones a cinco de los retos más comunes que un desarrollador se enfrenta cuando utiliza Ajax para mejorar el contenido de su sitio web. Seguir leyendo

Este es un interesante truco para Google Maps que seguramente muchos de ustedes no conocen.

Lo que verán a continuación no es un screenshot estático sino un mapa de Google vivo e interactivo que nos permite realizar zoom, cambiar de modos de satélite a terrestre y demás funciones por el estilo ¿Cómo incluirlo en un sitio web? Seguir leyendo

Una imagen de fondo de un sólo píxel puede ser algo muy versátil. Con repeat-x puede ser una línea horizontal, repeat-y hace una línea vertical y repeat la transforma en un color relleno.

Simplemente como una prueba divertida del concepto, podemos utilizar esto para crear una lista ordenada con subdvisiones. En esta nota te contamos cómo utilizar esta herramienta de CSS para lograrlo. Seguir leyendo

Una de las cosas más interesantes de Safari en el iPhone es que posee un efecto que hace que se oscurezca el fondo cuando se hace clic en un link. Es un detalle sútil, pero acentúa el hecho de que una acción está ocurriendo.

Entonces ¿Porqué no implementar este bonito efecto en tu sitio web? Esto se puede lograr fácilmente con un poco de MooTools o jQuery…¿Quieres ver? Es más fácil de lo que parece. Seguir leyendo

Las entradas de texto en los formularios también se pueden utilizar para ingresar números. Un uso común, por ejemplo, sería una entrada “cuantitativa” en un sitio eCommerce.

Sin embargo, si se desea, se puede escapar de lo tosco y aplicar un poco de diseño para que estas entradas de números sean más amigables con el usuario. En esta nota te mostramos cómo utilizar jQuery para este fin. Seguir leyendo

Las gradientes CSS nos permiten emular gradientes sin tener la necesidad de utilizar Photoshop, Fireworks o cualquier programa de edición de imágenes.

Es un efecto que se logra simplemente mediante la implementación de CSS, sin nada de javascript y mucho menos Flash. Funciona con Safari y Chrome. Seguir leyendo

Si sólo tienes una palabra suelta o una sola línea de texto, existe una forma inteligente de centrarla verticalmente en un bloque con CSS. Programas la altura del texto (line-height) para que sea igual a la altura (height) de la caja. Funciona perfectamente, a menos que el texto necesite ser envuelto.

Un globo de diálogo es el ejemplo clásico de un lugar donde podrías desear que el texto esté centrado tanto horizontal como verticalmente y sea adaptable a múltiples líneas. Hay un pequeño y sencillo truco CSS para esto… Seguir leyendo

Si alguna vez algún cliente te pidió que implementaras sIFR en su sitio web, es probable que te hayas topado con el problema de que los títulos sIFR no se imprimían porque eran objetos Flash.

Este problema de impresión es muy frecuente y le ha quitado el sueño a más de un diseñador. Lo bueno es que es muy sencillo de  solucionar. Para arreglarlo simplemente necesitamos implementar un poco de CSS y MooTools y voilà… Seguir leyendo

Cuando utilizamos CSS para colocar una imagen de fondo podemos controlar su posición con la propiedad background-position, pero existe otra propiedad que los diseñadores suelen olvidar: background-attachment.

Con background-attachment podemos controlar la posición de la imagen, logrando con CSS un efecto de div borroso sobre un fondo colorido y nítido. El problema y el centro de este mini tutorial es que el div borroso y el fondo tienen la misma imagen… Un truco CSS simple para darle a nuestra web un toque extra. Seguir leyendo