elWebmaster.com

WebKit soporta la nueva propiedad background-clip de CSS3, lo que es una buena noticia ya que puedes utilizarla para lograr este efecto impactante en el que las letras están conformadas por la imagen de fondo. Y lo mejor de todo, es que tan sólo bastan unas pocas lineas de código. Seguir leyendo

Todas aquellas aplicaciones web que brindan la posibilidad de generar vCards, paletas de colores, código personalizado (snippets), etc. se beneficiarán con esta librería.

Downloadify permite generar un formulario donde se creen archivos basados en texto y, con un sólo clic, descargarlos a nuestra PC sin haber hecho una sola petición al servidor. Todo se realiza desde el frontend. Seguir leyendo

Una técnica muy utilizada últimamente es la grabación con AJAX del texto seleccionado, lo que puede resultar muy útil para detectar qué términos de nuestra web comparten o copian y pegan en los buscadores nuestros visitantes.

En el artículo de hoy hemos duplicado esa funcionalidad utilizando una librería javascript MooTools y otra librería JavaScript jQuery. ¡Utiliza la que te resulte mejor! Seguir leyendo

¿Alguna vez te ha pasado de subir un texto genial en tu sitio y notar que no tiene los resultados que esperabas? Muchas veces, a los usuarios se les hace difícil poder leer bien una nota.

En el artículo de hoy les dejamos algunas sugerencias para que puedan hacer más legible el texto de sus blogs o sitios web. ¡Esperamos que te sean de utilidad! Seguir leyendo

Letterpress no es sólo un tipo de método de impresión industrial, sino también un genial efecto que está volviéndose increíblemente popular en la web y el cual podemos implementar en nuestros diseños.

Dado que algunos de los navegadores modernos poseen soporte para la propiedad CSS3 de text-shadow, es muy simple crear este efecto simplemente con CSS y una mínima intervención de algúna aplicación para retoque de imágenes. Seguir leyendo

En el siguiente artículo les traemos un genial efecto hover que les resultará extremadamente útil y sencillo para dar un toque especial a sus diseños.

Se trata de un efecto que nos permite ocultar y mostrar texto que se encuentra detrás de una imagen y lo podemos lograr simplemente implementando algo de CSS y jQuery. Seguir leyendo

Sólo se necesita un poco de creatividad para poder generar increíbles efectos de texto con el programa de edición gráfica Adobe Photoshop.

A continuación les dejamos 25 de los mejores tutoriales para crear efectos de texto 3D.  Se trata de una gran variedad de diferentes tipos de efectos, por lo que seguramente encontrarás algunos trucos interesantes para aprender. Seguir leyendo

Si eres un fanático del diseño, te romperás la cabeza pensando cómo hacer para darle efectos a las tipografías de tu blog, en los títulos de las entradas por ejemplo, o en cualquier otra parte. En teoría, el trabajo con tipografía es bastante “limitado” (a nivel diseño) en CSS.

¿Para qué estamos en elWebmaster.com? ¡Para solucionarte la vida ^_^, claro! Bueno, con este tutorial aprenderás a aplicar algunos bonitos efectos de diseño gráfico al texto de tu sitio web. ¡Comencemos! Seguir leyendo

A diferencia de HTML y otros lenguajes donde las tipografías que se utilizan en el diseño web dependen directamente de las tipografías que estén instaladas en la PC del usuario, en Flash puedes utilizar cualquier fuente y esta es quizás una de las principales ventajas para los diseñadores.

Las fuentes Flash trabajan como si fueran un elemento vectorial (de hecho, lo son), por esto es que son escalables: puedes aumentar o disminuir su tamaño con la seguridad que se van a ver con una calidad excelente. También puedes realizar animaciones con fuentes. Sigue leyendo y conoce todo sobre el tratamiento de texto en Flash… 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