generatepattern – Diseña patrones pintando pí­xel a pí­xel

En generatepattern.com tenemos una aplicación que nos permite diseñar en un cuadro de 50×50 pí­xeles para obtener un fondo que podremos usar en nuestros diseños.

Es posible elegir un color diferente para cada pí­xel, alterando la forma del resultado en tiempo real. La galerí­a de lo más popular nos muestra las posibilidades de la herramienta, permitiendo exportar el resultado en forma de imagen o icono.

Es también posible obtener el código CSS para usar el patrón como findo en nuestra página web, sin necesidad de realizar registro y de forma completamente gratuita.

Una buena herramienta para diseñadores meticulosos.

TypeCast – Se hace realidad el sueño de quien trabaja con tipografí­a en la web

Aún en versión beta cerrada, los responsables de TypeCast nos han dejado echar un vistazo en esta plataforma que nos permitirá trabajar con mas de 5.000 fuentes desde Typekit, Fontdeck, Fonts.com y Google Web Fonts en un solo panel de control.

El objetivo es poder decidir el tipo de letra de los textos que publicamos en la web de forma sencilla y rápida, de la misma forma que lo hacemos con los editores de texto y fotografí­a tradicionales. Podemos crear columnas de contenido y alterar la tipografí­a usada, escogiendo en el menú lateral el proveedor de las fuentes y escribiendo cualquier tipo de texto para ver los resultados directamente en la web.

Después de tomar la decisión, podremos obtener el código CSS para publicarlo en nuestras páginas, con la seguridad de que nuestros lectores cargarán la fuente del lugar correcto para ver el mismo resultado que nosotros.

En el ví­deo inferior podéis ver su funcionamiento. Continúa leyendo «TypeCast – Se hace realidad el sueño de quien trabaja con tipografí­a en la web»

SpriteCow – generando el código CSS de los Sprites en las imágenes


SpriteCow es una sencilla herramienta que nos permitirá generar, de forma automática, el código CSS de los sprites que indiquemos en la imagen que subamos.
Para ello tendremos que subir una imagen cualquiera desde nuestro ordenador, y con el selector de color seleccionaremos el color de fondo para pasar posteriormente a señalar una porción de cualquier sprite donde automáticamente SpriteCow detectará toda su área, generándonos de forma automática el código CSS, que lo tendremos disponible en la parte inferior.