elWebmaster.com

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

Desde Web Resources Depot me encontré con una librería JavaScript que sirve para hacernos mucho más fácil el trabajo a los desarrolladores web en cuanto a la creación de gráficos vectoriales en nuestras aplicaciones.

Esta galería, llamada Raphael, utiliza SVG y VML para la creación de los gráficos. Nos da la posibilidad de realizar desde los elementos más básicos hasta lo más complejos efectos y rotaciones. Y dado que cada objeto es un DOM los mismos se pueden modificar o manipular luego.
Seguir leyendo

En Real World Style encontré  un pequeño truco que puede interesarles para utilizar junto a los tags ABBR y ACRONYM. Estos elementos HTML son sumamente útiles, aunque poco usados, y sirven para explicar una abreviatura o un acrónimo a los usuarios.

Sin embargo la mayoría de los navegadores actuales no hace nada para señalar a los usuarios dónde se usa alguno de estos tags, por lo tanto no lo notan y no lo utilizan. Con el siguiente código CSS es posible modificar esto en todas las páginas de tu sitio.
Seguir leyendo