elWebmaster.com

Trucos | Google | wordpress

Cargar automáticamente la última versión de jQuery en WordPress

wordpressSi 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

17/feb/10, 08.00 Micaela 2 comentarios

Trucos | Programación | AJAX

Ajax: Solución a 5 problemas muy comunes en su uso

ajaxEl 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

06/ene/10, 14.36 Micaela 7 comentarios

Trucos | recursos | geocoding

Cómo abrir en vista completa un embed de Google Maps

google-mapsEste 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

02/ene/10, 08.00 Micaela Comentar

Trucos | CSS | background

CSS3: Cómo darle estilo a una lista usando un solo píxel

css3Una 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

08/oct/09, 09.04 Micaela Comentar

Trucos | iPhone | javascript

Truco para sombrear un enlace al cliquearlo con MooTools o jQuery

mootoolsUna 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

05/oct/09, 16.31 Micaela Comentar

Trucos | AJAX | CSS

Crea botones de suma y resta en tus formularios con jQuery

jquery3Las 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

22/sep/09, 09.02 Micaela Comentar

Diseño | Trucos | CSS

Gradientes con CSS en acción

css-gradienteLas 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

07/jun/09, 09.11 Micaela 6 comentarios

Trucos | CSS | posición

CSS: Centrando texto en ambos sentidos

css-alinearSi 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

19/may/09, 11.18 Micaela 4 comentarios

Trucos | CSS | mootools

¿Problemas de impresión con sIFR? Corrígelos con CSS y MooTools

sifrSi 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

24/mar/09, 10.03 Micaela 1 comentario

Trucos | CSS | Diseño Gráfico

Truco CSS para lograr un efecto de fondo traslúcido

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

22/feb/09, 11.00 Micaela 4 comentarios

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