elWebmaster.com

En el diseño de todo sitio web algo que ocupa un papel fundamental es la tipografía que utilicemos. Es necesario buscar un tipo de fuente que combine la elegancia, la sencillez y la estética, pero que no por eso deje de llamar la atención.

Desde Xyberneticos nos traen una colección con diez tipografías “escritas a mano alzada” para que podamos utilizar en nuestras webs. Podremos descargar cada una por separado, para seleccionar las que más nos gusten, de forma completamente gratuita.
Seguir leyendo

¿Tu escritorio se ve un poco triste y apagado? ¿Necesitas un nuevo wallpaper que le traiga un poco de alegría a tu computadora? Desde Hongkiat nos traen una galería con algunos de los mejores fondos de escritorio relacionados con los colores del espectro del arcoiris.

La luz blanca o la luz del sol es la fuente que genera los colores que van desde el rojo al violeta. Estos colores tan intensos hacen que los arcoiris sean extremadamente agradables a la vista y aplicados de buena forma en la web le dan un estilo verdaderamente encantador. A continuación les dejo la lista con los wallpapers que más me gustaron:
Seguir leyendo

Encontrar una buena imagen con la cual ilustrar nuestros posts o decorar una web puede resultar una tarea muy difícil muchas veces. Más difícil todavía es que estas imágenes sean vectoriales, es decir, que no se vean afectadas por las reducciones ni las ampliaciones.

Desde Blog Vecindad nos brindan información sobre dónde podemos descargar una pequeña colección de 13 imágenes vectoriales sobre señales de transito y luces de semáforo, que nos puede llegar a resultar muy útil en alguna ocasión.
Seguir leyendo

Visitando la sección de Freebies de Smashing Magazine me encontré con esta maravilla de tema, libre y gratuito para que te descargues y le des, por fin, esa lavada de cara a tu blog que tanto estaba necesitando.

De la misma forma, si estás por lanzar tu blog y aún no te habías decidido por ningún theme, esta es una muy buena opción. Por estar basado en la metáfora de un bloc de hojas, resulta ideal para un blog de diseño o personal. Haz clic aquí para decargar Notepad Chaos.

Los monitores Crt (tubo de rayos catódicos) y algunas otras tecnologías crean los colores de forma aditiva, esto es generando tonos cambiando el brillo de los componentes de los píxeles, por ejemplo el blanco se elabora con todos los colores en brillo máximo. Un resultado de esto es que se utiliza más energía eléctrica para mostrar algunos colores que otros.

Jon Doucette ideó una paleta de colores de bajo consumo para utilizar en aplicaciones web (gastando poca energía). Utilizándola a la hora de crear un sitio se podríamos realizar una web ecológica y contribuir al ahorro de energía sin perder nada.
Seguir leyendo

En 13styles.com han colgado unos hermosos menúes realizados con CSS para que descargues gratuitamente y utilices en tu sitio web. En su forma son similares al menú del sitio de Apple o de aplicaciones como Safari, etc.

La diferencia es que además del típico color gris vienen en otros colores (claro que con Photoshop podemos darle cualquier color que queramos, lo importante es que puedes descargarte el menú con el código CSS ^_^). Haz clic aquí para descargarlos.

Microsoft ha abierto al público su servicio de creación de espacios tridimensionales a partir de fotografías conocido como Photosynth (que hasta el momento estaba disponible sólo para unos pocos “elegidos” ^_^).

Con 20 GB de límite de espacio para subir tus fotografías, ya puedes crear tus propios espacios pseudo-tridimensionales a gusto y piachere, pudiendo usar fotos tomadas con tu cámara, tu celular o incluso escaneadas. ¡Hay que probarlo!

Si eres de esas personas a las que le gustan compartir sus fotografías por la web, Good Widgets te será de gran utilidad ya que te da la posibilidad de crear un widget que servirá como galería de imágenes para tu sitio web.

Esta es una aplicación online desarrollada en Ajax y Flash que posee distintos widgets como opción para la creación de nuestra galería cada uno de los cuales tiene diseños y efectos característicos, así como también permite una cantidad de fotos en particular.

Seguir leyendo

Desde el sitio Swedish Fika les traigo un tutorial para crear un encabezado al que, al pasar el mouse sobre él, le aparezca un fondo a través de un efecto de desvanecimiento. Para esto se usará XHTML básico, CSS y algo de Javascript no obstrusivo mediante JQuery. El efecto final puedes observarlo aquí.

La imagen que utilizan en el ejemplo puedes verla debajo de este párrafo. Como verás se encuentran tanto la imagen normal como la que aparecerá con el efecto en un mismo archivo. De esta forma nos aseguramos de que cargue más rápidamente. Seguir leyendo

Si uno desea crear un menú con varios botones que cambien su imagen al pasar el mouse por encima, normalmente crea varias imágenes, dos por cada estado de cada botón. Esto ralentiza el sitio y genera muchas peticiones al servidor (HTTP Requests).

Sabías que Google, por ejemplo, extrae todas las imágenes de su sitio de un único archivo? Esto es posible gracias a los sprites, una especie de grilla de imágenes que nació con los videojuegos. Conoce cómo aplicar sprites en tu sitio para ganar velocidad de descarga, espacio y peticiones en el servidor y mucho más.
Seguir leyendo