Archive for the ‘Diseño’ Category

Typetester: previsualiza tipografías en CSS

Indispensable herramienta online para diseño web. Typetester nos permite comparar tipografías, variando sus parámetros (tipo de fuente, tamaño en pixels o em, tracking, alineado, etc.) y visualizarlos al instante. Una vez elegidas las opciones que nos interesen, podemos copiar el código CSS y pegarlo en nuestra hoja de estilos.

Typetester

Vía: El Utilitario

Pixelians: el arte del píxel

Una gran colección de personajes de cine, cómics, animación… de diferentes ámbitos, creados píxel a píxel, como se hacía en tiempos remotos. Una galería que lleva en pie desde el 2003 y contiene nada más y nada menos que 529 diseños.

Pixelians

Enlace: Pixelians

ColorZilla: visor de paleta de colores en tu navegador

ColorZilla, una extensión para Firefox estupenda para desarrolladores web. Se encarga de reconocer cualquier color utilizado en una página web, permitiéndonos copiar el código de ese color y pegarlo en otro destino.

ColorZilla

Esta extensión agrega en la parte inferior izquierda de la barra de estado un cuentagotas. Solo será necesario seleccionarlo para empezar a utilizarlo. Una vez que hagamos clic sobre él, podremos mover el cursor a través de cualquier color que nos llame la atención y automáticamente se reflejará el código del mismo.

Existe la posibilidad de hacer un zoom a cualquier página, hasta un total de 1000%, aumento más que considerable. Para acceder al zoom tendremos que dirigirnos al cuentagotas, pero esta vez hacer clic derecho sobre él y elegir la opción “zoom” y la cantidad de aumento que deseemos utilizar.

Como nota final añadir que los colores que vayamos capturando se irán guardando en un historial, de modo que podremos acceder a ellos simpre que querramos.

Un ejemplo de esta extensión | Descarga la extensión ColorZilla para Firefox

Efecto borde Windows Vista en Photoshop

Un efecto muy utilizado en la web 2.0. Se trata de añadir un borde cristalino a una imagen, al igual que ocurre en las ventanas de Windows Vista. El efecto se puede descargar como una acción de Photoshop y es aplicable a cualquier imagen que no supere los 400 píxels de ancho.

Sin efecto borde

Sin Efecto borde

Con efecto borde

Con Efecto borde

Puedes descargar la acción desde aquí.

Vía: sergioMadrigal

Recopilación de tutoriales

¿Cuántas veces hemos echado en falta algún video-tutorial o una “biblia” de una aplicación o lenguaje de programación que nos saque las castañas del fuego? The Learn List es la solución. Una web en donde podremos encontrar un recopilatorio de enlaces a tutoriales. La web ofrece una serie de iconos y, cada uno de estos iconos, nos muestra un listado de cursos, tutoriales y video-tutoriales que pueden ser valorados por los usuarios. Estos son los elementos de los que consta la web:

The Learn List

Vía: El utilitario

PSDfreebee: Recursos PSD gratuitos

PSDfreebee, una página web a la que hay que hacer mención. En ella podremos encontrar recursos disponibles en formato PSD (Adobe Photoshop), descargables gratuitamente. Aunque no esté dotada con gran cantidad de elementos por ser una aplicación bastante reciente, sería interesante dejarle un huequecito en “favoritos” para posteriores visitas.

PSDfreebee PSDfreebee

Información extraída de: Intenta

Iconspedia: iconos gratis

Iconspedia, una web repleta de iconos free, categorizados, descargables en formato .ico y .png, con muy buena calidad y dimensionados hasta 256×256. Muy recomendable para aquellos que les guste incluir iconos del mundo 2.0 en sus aplicaciones.

Iconspedia

Vía: Isopixel

Stripe Generator 2.0

Stripe Generator es una herramienta online que permite generar fondos en continuidad, configurando a nuestro gusto los colores, cantidad y anchura de líneas, espaciado, color de fondo, etc.

Stripe Generator

Una aplicación muy útil para desarrolladores web, pudiendo crear backgrounds sin necesidad de acudir a cualquier programa de diseño.

Información extraída de: Wwwhat’s new?

Pinceles y Vectores gratis

Gracias a Digilicious me he encontrado con dos excelentes sitios, del mismo creador, que a cualquier diseñador gráfico/web le pueden hacer falta en algún momento de su vida. Se trata de dos webs en donde se pueden encontrar descargas categorizadas de elementos vectoriales, pinceles y patterns.

Digilicious

Vectores: http://www.vecteezy.com/

Pinceles y Patterns: http://www.brusheezy.com

Generador de reflejos online

En alguna ocasión hemos querido añadir a nuestras imágenes el famoso reflejo cristalino, tan utilizado en los tiempos actuales en la Web 2.0. Pues bien, Wet Floor Maker es una herramienta online con la que podremos conseguir dicho efecto de una forma sencilla y cómoda: basta con subir la imagen deseada, ajustar las opciones a nuestro gusto y, finalmente, generar el resultado. 

Estamos tratando una herramienta con la que obviando programas de edición de imágenes (para aquellos que no dominen el arte del diseño con este tipo de aplicaciones) generaremos imágenes que harán relucir nuestros blogs. 

Vía: Isopixel