elWebmaster.com

CSS3 viene lento, pero pisa fuerte gracias a muchos de los adelantos que han presentado los principales navegadores últimamente. Dentro y fuera de los browsers han surgido varias herramientas que nos permiten generar, testear y editar CSS de manera avanzada.

Mucho se dice sobre CSS3, pero lo más importante es qué hay de nuevo, qué limitaciones tenemos y qué cosas se facilitan. ¿Usas CSS? Chequea este listado de herramientas, descargas y tips para llevar CSS a otro nivel. Seguir leyendo

WordPress MU es la versión Multi Usuario de WordPress. WP MU permite crear un sitio proveedor de blogs. No es más que un blog de cabecera a través del cual otras personas se registran para crear sus propios blogs o participar de blogs ya creados. ¿Se entiende la idea?

Sin embargo, manejar WordPress MU tiene sus cosas. Sin tantos tutoriales, ayudas y foros para aclarar dudas es muy fácil sentirse completamente perdido. Aquí, mi experiencia personal y algunos datos que pueden servir, incluyendo el archivo .PO y .MO tan solicitado en la web. Seguir leyendo

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