Blog and Web

Fonts500 es una recopilación de las que a su parecer son las mejores 500 fuentes (o tipos de letras) y lo mejor: gratuitas, de la red. La lista es gráfica para que puedas juzgar cada fuente y de descarga directa.

Sitio: http://www.fonts500.com/

Por default, al publicar una imagen en Blogger, este coloca un link a la imagen para verse sóla y en tamaño real en una página en blanco, pero esto puede ser tedioso cuando nuestra imagenes no necesitan de estos links. La forma de eliminarlos es básica y es la siguiente:

1. Una vez que hallas subido tu imagen a blogger , colocate en la pestaña “Edición HTML”.



2. Veras que el código de tu imagen es más o menos como sigue:

   <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp1.blogger.com/_Zuzii37VUO4/ReyDyV0yKLI/AAAAAAAAAUM/ SbfaMPhl-i4/s1600-h/BW.gif"><img style="cursor:pointer; cursor:hand;" src="http://bp1.blogger.com/_Zuzii37VUO4/ReyDyV0yKLI/AAAAAAAAAUM/  SbfaMPhl-i4/s320/BW.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5038546983995975858" /></a>

   Para eliminar el link sólo tienes que eliminar lo siguiente:

   <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp1.blogger.com/_Zuzii37VUO4/ReyDyV0yKLI/AAAAAAAAAUM/ SbfaMPhl-i4/s1600-h/BW.gif">
   
   ... código que muestra la imagen ...
   
   </a>

   Este proceso lo tienes que repetir para cada imagen a la que quieres eliminarle el link.

   Sí lo que quieres es cambiar el link de la imagen por uno que tu escojas, del código que te da blogger sólo tienes que cambiar la siguiente dirección:

   <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp1.blogger.com/_Zuzii37VUO4/ReyDyV0yKLI/AAAAAAAAAUM/ SbfaMPhl-i4/s1600-h/BW.gif">
   ... 

   por la dirección que desees, por ejemplo:

   <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.google.com"><img style="cursor:pointer; cursor:hand;" src="http://bp1.blogger.com/_Zuzii37VUO4/ReyDyV0yKLI/AAAAAAAAAUM/  SbfaMPhl-i4/s320/BW.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5038546983995975858" /></a>

   Que hará que al dar click en la imagen te mande a Google.

   Esta es una anotación muy básica, pero espero sea útil para más de uno.

Otro elemento importante en la filosofia del diseño Web 2.0 son sin duda alguna, los colores, tanto que Miles Burke cataloga a este elemento como “El arma secreta” de la Web 2.0 y hace una recopilación de los colores más usuales para Photoshop:

Descarga esta paleta de colores o visita el artículo original.

Para aplicarlo, descomprime el archivo .zip y copia el archivo web2point0.aco en el directorio:

C:\Archivos de programa\Adobe\Adobe Photoshop CS2\Presets\Color Swatches

Otro de los elementos ya clásicos en el estilo de diseño Web2.0 son las estrellas o badges que suelen acompañar a los encabezados o a los logos. Y en este tutorial te mostraremos como crear un badge con Photoshop como el siguiente:

Continuar leyendo →

Printernational es una web como mucha información acerca de la impresión digital, con varios tips interesantes, formatos de papel en el sistema internacional ISO y el americano, formas de trabajo en los formatos RGB y CMYK, entre varias cosas que pueden ser utiles sí necesitas de la impresión profesional.

Sitio: www.printernational.org