IconPark

Cuando se trata de iconos siempre hay dos caminos, gratuito y feo o bonito y caro. Con IconPark podemos pasar a otro estado, bonito y asequible. IconPark.net es una librería de 200+ iconos en .ps y .ai por tan solo 29$USD. Muy asequible diria yo, haciendo el cambio a euros sale incluso baratico…

Otro estado que también cabe señalar es el gratuito y bonito, como es el set Silk Icons de famfamfam, la única pega que estos son imágenes .png y no están en formato vectorial, pero desde luego son una obra maestra y que yo uso en casi todos mis proyectos personales.

fontcapture

Llevaba tiempo queriendo probar esta mini aplicación web, mediante la cual es posible crear una fuente de tu puño y letra.

Pasos a seguir:

  • Entra en fontcapture.com y descarga e imprime la plantilla.
  • Escribe todos los caracteres que te dice la plantilla teniendo en cuenta la linea base, la ascendente y la descendente.
  • Escanea la plantilla rellena y enviala mediante el formulario.

Yo he seguido todos los pasos y me ha salido esta fuente. La he hecho aprisa y corriendo, con lo que las mayúsculas me han quedado horrendas y tanto la ele minúscula como la ka minúscula dejan también un poco que desear, pero para hacer la prueba no ha estado mal.

fuente

Podeis bajaros la fuente que me ha salido aquí. He tenido que subirla con extensión pdf, en realidad es un archivo .rar, le cambiais la extensión y listo: carlos-ttf

960 Grid System

A la hora de diseñar las páginas web en Photoshop, siempre me baso en hacer la página para 1024×768 px, con lo que lo que hago es un documento de 1200 px de ancho y luego pongo un par de guías, una en 100px y otra en 1100px.

Estos serán mis límites a la hora de crear la página.

Buscando ayer cosas sobre Symfony, no se como, dí con esta web que proporciona templates en Photoshop para la creación de páginas web siguiendo unas guías y utilizando un tamaño de página de 960 px exactamente. También divide el documento en columnas de igual tamaño de manera que se pueda diseñar la web sin superponer elementos y haciendo que el diseño sea sencillo y fluido.

The 12-column grid is divided into portions that are 60 pixels wide. The 16-column grid consists of 40 pixel increments. Each column has 10 pixels of margin on the left and right, which create 20 pixel wide gutters between columns.

Para entender mejor de que va el tema mejor un par de imágenes:

+info: 960 Grid System