elWebmaster.com

Ha pasado bastante tiempo desde el último arreglo para PNG en Internet Explorer 6. Unit Interactive Labs estuvo perfeccionando un nuevo truco para que puedas usar PNG sin problemas de compatibilidad con la versión 6 del explorador de Microsoft.

La herramienta se llama Unit PNG Fix y está inspirada en el trabajo de 24ways.org. ¿Te contamos más? Seguir leyendo

Las Tag Clouds o nubes de tags han invadido la web. Su creciente popularidad se merece una breve guía de recursos, tips, tutoriales y sitios de inspiración.

Para los que no lo saben, las nubes de tags son una representación gráfica de los tags (palabras clave) que son utilizados en un sitio web para describir brevemente el contenido de una determinada página. Las palabras de mayor tamaño representan al contenido más popular de una web. Seguir leyendo

Existen varias formas de rastrear la llegada de un email y, sobre todo, los clics que se hacen sobre un correo electrónico. David Walsh se confiesa una persona desconfiada y nos cuenta cómo hace él para seguirle el rastro (tracking) a sus envíos.

Con un poco de HTML y PHP podrás conocer cuántos potenciales clientes hacen clic en tu Newsletter y visitaron tu sitio… Seguir leyendo

¿Qué haces cuando necesitas procesar un archivo muy pesado con PHP? Aunque PHP procese el código más rápido, llega un punto en el que el script alcanza un límite de tiempo. Para evitar que todo colapse, el gurú de PHP David Walsh nos presta un script que usa en estos casos, donde aplica ini_set().

Sólo debes pegar esta línea de código al inicio de tu script PHP:
ini_set('max_execution_time', 300); //300 seconds = 5 minutes

David Walsh publicó en su blog un excelente tutorial pensado puntualmente para llamar la atención de los usuarios en diferentes situaciones. Usando el framework de MooTools David creó elementos que parpadean intermitentemente. Para lograrlo implementó “flash()”, que se puede usar sobre cualquier elemento del sitio.

¿Quieres hacer lo mismo? Aquí te damos todos los recursos, XHTML, el JavaScript de MooTools y te decimos cómo usarlo, con código y todo… Seguir leyendo

¿Menú CSS rápido y sencillo? La gente de Blog.SpoonGraphics nos acerca un tutorial para hacer un menú web 2.0 en CSS de 5 botones usando la técnica de sliding doors que permite a los tabs expandirse de manera horizontal dependiendo del alto de la fuente a la que contiene.

Elige un color entre negro, azul, verde, gris o rojo. Cada menú está disponible para su descarga en un archivo ZIP conteniendo todos los archivos necesarios. Abre el html en un editor o simplemente en un notepad y copia el código CSS junto con el html a tus propios documentos. Reemplaza el texto por un listado propio y listo… Seguir leyendo

¿Quieres lograr buenos encabezados sin usar imágenes de Photoshop? Aquí te mostramos un simple truco de CSS para que sepas cómo crear el efecto de texto con gradiente con una imagen PNG (puro CSS, sin JavaScript o Flash).

Todo lo que necesitas es un tag vacío en el encabezado y aplicarle un overlay a la imagen de fondo usando la propiedad CSS position:absolute. Este truco ha sido testeado en la mayoría de los buscadores: Firefox, Internet Explorer 6, Safari y Opera. Sigue leyendo para saber cómo hacer… Seguir leyendo

Hasta ahora, en una animación de un objeto los movimientos eran siempre lineales y los fotogramas claves correspondían a un cambio en el sentido del movimiento. Con las guías de movimiento podrás lograr nuevos movimientos.

Las guías actúan como un trazado a través del cual se mueve nuestro objeto. Puede ser un trazado recto, ondulado o combinado. Sólo resta ubicar el elemento dentro del trazado para comenzar la animación. ¿Empezamos? Seguir leyendo

Shaun Inman tuvo una gran idea para una presentación en los Grupos de Trabajo de CSS3 a la que ha llamado “Selectores Calificados”. En resumen, es una forma de incorporar estilos a un elemento “padre” basándose en su “hijo”, o “descendiente”.

Aún no se ha lanzado oficialmente porque el autor espera recibir un poco de feedback para depurar y eliminar errores… Pero veamos cuál es la explicación que nos da y cómo funciona. Seguir leyendo

Antes de ver guías de movimiento y a pedido de ustedes, una clase de regalo sobre menúes emergentes. Cuando tu sitio tiene demasiadas secciones, es casi imposible armar un menú simple: deberás recurrir a los menúes emergentes.

Los menúes desplegables se ven bien, organizan mejor la estructura de tu sitio y son cruciales en temas de usabilidad. En esta clase veremos cómo generar este tipo de menúes a partir de algunos conceptos de diseño, máscaras y un poquito de ActionScript. Seguir leyendo