Parece que le estoy pillando el gustillo a esto de postear a orillas del mediterráneo…,  alguien sabe de algún móvil sumergible? con android of course!  que yo quiero escuchar la radio mientras posteo y eso con mi antiguo y monotarea iPhone como que no.

Bueno pues eso para aquellos cobardes que huyen cual despavoridos insensatos del código fuente os paso un enlace a una. aplicación web para generar hojas de estilos CSS3 con tan sólo unos pocos clicks de ru ratón:

http://www.css3maker.com/

Te permitirá realizar transiciones, utilizar tipografías especiales, transformaciones al texto, recuadros redondeados y otras exclusivas propiedades que te permite trabajar bajo CSS3 con tan sólo algunos clicks de ratón hasta obtener el código CSS.

Páginas relacionadas con este artículo:

1. Compatibilidad CSS3 con diferentes navegadores
2. Menú de navegación desplegable en CSS3
3. Rotación de una imagen con CSS3

Personalmente siempre me han encantado los sketches, wireframes o bocetos realizados a mano, sí con lápiz y papel, ¿te acuerdas? en mis viejos cuadernos quedarán restos de logotipos, storyboards de anuncios y videoflash, animaciones, páginas webs e incluso algunso de aplicaciones web y ideas sobre aplicaciones para móviles.

En la actualidad la inmensa mayoría de veces nos saltamos ese paso papeloide para directamente presentar a nuestros clientes una primera maqueta ya sintética y realizada desde cero o desde tres con algún programa de diseño vectorial, esto es porque ya sabemos lo que funciona, lo que se lleva, o ya sinceramente porque tenemos una librería de bocetos trazados de la que tirar y con un plis plas pum tenemos algo ejem, “personalizado” a imagen y semejanza de lo que nuestro cliente nos ha solicitado.

Maldito momento lleno de competencias y bajos costes que no nos deja espacio ni crédito para volver aunque sea muy de vez en cuando al lápiz y al papel, sniff, hoy me he levantado e-romántico e-reivindicativo.

Para paliar tal desatino he decidido postear algo que emane a nuestro viejo compañero despixelizado, el lápiz así que a continuación os traigo una pequeña cole de wireframes de aplicaciones para móviles, en concreto para Apple iPhone si bien todos son trasladables a Android, un s.o.m (sistema operativo para móviles) que me da a mi que se va a poner interesante así que boceteando que es gerundio.

Páginas relacionadas con este artículo:

1. Estructuras redimensionables para iPhone
2. Flash para iPhone
3. Programas gratis alternativos

La imagen superior, que se amplía al pulsar sobre ella hasta unos considerales 1920 x 1200 pixelazos, se trata de un póster donde se muestran casi todos los conceptos inherentes al diseño de tipos de letra, tipografías o fuentes.

No es un compendio para clasificar las fuentes atendiendo a su tipología o mensaje, es un descriptor de la física de cada letra, de los rasgos que la conforman.

El póster se encuentra en inglés pero esto no debe ser un handicap. Gracias a él refrescaremos la palabrería utilizada en diseño para describir a una fuente, desde los conceptos como centro óptico, linea base, vértice. bowls, etc. Si te la imprimes o la utilizas de escritorio, aprenderás a hablar como un auténtico diseñador, es decir con tipográfica propiedad.

Páginas relacionadas con este artículo:

1. Material para crear fondos de pantalla
2. Tipografías grunge
3. Mini iconos para aplicaciones

Font Ronda Seven Bold

Font Ronda Seven Normal

Font Nokia Cellphone

Font Minimal 5

Font Large 9

Font Apple

Tras varios días sin postear por falta de tiempo, ya que estamos en plena entrega de un proyecto bajo nuestro sistema de comercio electrónico ecOOmmerce.com hoy os traemos el primero de los nuevos post, algo sencillo pero a veces útiles en los días que corren donde quizá ya existe un exceso de tipografías Grunge y se comienza a añorar lo retro, el bello pixel, así que hemos recopilado para tí nuestra pixel fonts favoritas en un sólo archivo zip listo para descargarar e instalar.

Estas fuentes pueden ser utilizadas en cualquier tipo de diseño donde lo retro mande, también se pueden utilizar de forma perfecta bajo Flash, sí, Flash algo que muere o que muchos quieren hacer morir y que visto lo visto, si Adobe no espabila y abre rápidamente su código va a apearse de internet en pocos años, prometo un post al respecto, “Una red sin Flashes”.

Las tipografías tipo píxel están especialmente diseñadas para trabajar en tamaños de 8 16 32 64 y sus múltiplos hacia arriba para que se muestren perfectamente definidas sin desenfoque alguno en sus bordes. Por ello son perfectas para aplicaciones web como bajo textos de iconos donde se precisan tipografías ultralimpias que sean perfectamente visibles a pequeños tamaños (8).

Todas las tipografías tipo pixel que incluímos son totalmente gratuitas por lo que puedes utilizarlas allá donde te apetezca.

Descargar Pixel Fonts: Pixel fonts (43)

Páginas relacionadas con este artículo:

1. Programas gratis alternativos
2. Tipografías grunge
3. Anatomía de una tipografía

Peticiones a parte y volviendo al tema de este post, estos estilizados iconos muestran un acabado metalizado y ambient blu a medio camino entre los controles vistos en el sistema operativo del iPhone y los de algunas tablas de mezcla modernas.

Los iconos please (pulsa para ampliar y grábate la imagen):

Páginas relacionadas con este artículo:

1. Iconos para páginas web
2. Mini iconos para aplicaciones
3. Reproductor de vídeo en HTML5

A nivel técnico son 113 iconos con un tamaño de 10 x 10 píxeles y son de libre uso, incluído el uso comercial de los mismos aunque según la licencia de origen debéis mostrar su origen en los créditos del proyecto.

Para descargar aqui: Mini iconos para aplicaciones (15)

Páginas relacionadas con este artículo:

1. Iconos de 256 x 256 pixels gratis
2. Iconos para páginas web
3. Iconos botones y elementos para reproductores

My workstation is very big neng!

O bien se quedan cortas de pixels o no están en la proporción horizontal deseada para ser un buen fondo de pantalla, personalmente odio los marcos laterales, la mayoría de los mosaicos y las imágenes desproporcionadas o pixeladas para encajar a tu resolución nativa así que sin más perezas no tenemos más remedio que agarrar nuestro programa favorito de retoque de imagen digital, que no es otro que mi venerado Gimp y tijeras en mano hacer collages con más de una imagen hasta llegar a una.

Vamos a ir recopilando las imágenes más sexys que encontremos por la red, si pulsas sobre ellas estas se ampliarán a un tamaño bastante respetable, así que coge aire profundamente, inspira e ¡inspírate de una vez!

Y por supuesto, si tienes algún fondo de pantalla estilo vintage, no lo dudes u remítenoslo para publicártelo.

Algunos pósters de quía para crear fondos de pantalla

Atención a las siguientes obras de Jaume Osman, un artista de Vilanova i la Geltrú, Barcelona. Estos collages tienen musho musho arte si bien no son fondos de pantalla por su proporción a nosotros nos gusta este tipo de fondos, mucho más que una hoja con una gota de agua o el lomo de un gato grande, osease de un Leopardus Normalus. Jaume nos aporta forma, color armonía y cierto aroma rancio que nos encanta.

Fíjate en como las trabaja, nada del otro mundo pero con un espectacular resultado, estilos vintage, sticky, abstracto todo metido en la coctelera y centrifugado para tus ojos.

Más abajo de la obra de Jaume te damos algunos materiales en crudo para que puedas crear tus propios fondos de pantalla, ánimo!

Imágenes con estilo vintage para crear fondos de pantalla

Páginas relacionadas con este artículo:

1. Crear brushes y fondos
2. Medir elementos en pantalla
3. ¡Qué diseño más vintage!

Haberlas haylas puñado por la red, selecciones de 10 20 40 incluso más nosotros hemos escogido doce de las mejores para ti de un buen puñado de fuentes.

La tipografías se encuentran en su mayoría en formato TrueType Font o TTF son compatibles con Linux, Mac OSX y el otro. Te mostramos captura sacada del instalador de fuentes que incorpora Ubuntu si presionas sobre cada captura esta debería ampliarse para que la puedas apreciar. Al final del post tienes el enlace para descargarlas.

Tipografía Killed DJ

Tipografía 28 days Later

Tipografía Pistol Grip

Tipografía Hard Rock

Esta personalmente me encanta.

Tipografía SideWalk

Tipografía Magecito

Tipografía Acid Label

Quizá con permiso de la fuente Hard Rock esta Acid Label es la mejor, ¿o no?

Tipografía AthleticTown

Tipografía Maenan 2

Esta está bien aunque no emociana, quizá la más flojilla de nuestro grunge pack… y además no tiene acentos.

Tipografía Typerighter old

Esta emula una máquina de escribir antigua y oxidada, muy  muy Resident Evil.

Tipografía Tiza

Por último una interesante tipografía, Tiza que como dice su nombre emula el efecto de tiza.

Puedes descargarlas pegando un clickazo aquí: Pack fuentes Grunge (69)

Ala a diseñar ese logo estilo grunge que te rondaba por la cabeza, con este pack… ¡ya no hay escusas!

Páginas relacionadas con este artículo:

1. Anatomía de una tipografía
2. Archivo PSD con tema Grunge para WordPress
3. 6 fuentes Pixel Fonts gratis

Muchas veces habrás tenido que capturar webs muy largas y con el PRINTSCREEN de tu ordenador o con software para captura habrás sido incapaz de hacer buenas capturas cuando la web es más larga que la pantalla, para eso existen programas especiales como Paparazzi para OSX pero si tu máquina no es Mac y es por ejemplo un Ubuntu, ¿qué?

Pues nada, tenemos otra solución que funciona genial, abre tu Firefox, el navegador navaja suiza que sirve “pa un roto y un descosío” e instálate el plugin Screengrab, ya verás que fácil es hacer ahora capturas de webs extralargas y todo sin salir de tu navegador.

Enlace: http://www.screengrab.org/

Páginas relacionadas con este artículo:

1. Macros para FireFox
2. Complemento FTP para FireFox
3. Reproductor de vídeo en HTML5

Os traemos una colección con 30 brushes para Photoshop con efecto de Spray. El fichero está en formato .abr en principio estos pinceles no son compatibles con nuestro querido programa de retoque fotográfico alternativo y gratuito, el Gimp, si bien puedes utilizar casi directamente estos brushes como pinceles de Gimp, tan sólo deberas copiar el fichero descomprido, es decir el .abr en la carpeta /usr/share/gimp/2.0/brushes

Si no tienes permisos de copia recuerda arrancar un nautilus con permisos de superusuario:

Primero cierra Gimp si está abierto, del todo. Abres una terminal y ejecutas:   sudo nautilus

Te pedirá la clave de usuario, luego se te abrirá una ventana de nautilus donde deberás copiar y pegar la dirección de: /usr/share/gimp/2.0/brushes para posteriormente copiar en ese directorio el archivo .abr

El archivo listo para descargar aquí: Pinceles o brushes estilo spray (94)

A continuación una captura con los brushes que encontrarás en el archivo:

Páginas relacionadas con este artículo:

1. Chuleta con atajos de teclado para Photoshop
2. Crear brushes y fondos
3. Archivo PSD con tema Grunge para WordPress