Archivo por meses: febrero 2010

Recursos OmniGraffle: iPad Stencil y otras plantillas

En la anotación anterior hice referencia al programa OmniGraffle.

OmniGraffle Stencils

Cuando tengo en el papel todos los dibujos y esquemas necesarios los llevo al ordenador utilizando esta aplicación, es el paso previo a sentarme delante del Adobe Photoshop o Adobe Fireworks y un paso necesario para aclarar y organizar todas las ideas que vuelco en el papel… esto es importante, especialmente si en los proyectos hay más profesionales involucrados.

OmniGraffle es una herramienta muy potente, sin embargo yo siempre la “tuneo” para darle más posibilidades, añado stencils o plantillas que me ayudan a montar las interfaces de los sitios o aplicaciones web que diseño.

Tengo instaladas:

La instalación es muy simple… hay que descargar los ficheros ZIP y luego mover su contenido a la carpeta: ~/Library/Application Support/OmniGraffle/Stencils, atención… busca esta carpeta en el directorio de tu usuario.

Utiliza OmniGraffle y dale mejor aspecto a tus diseños web. :)

Las 5 razones de ¿por qué me encanta ser diseñador web?

En MyInkBlog han comentado las 5 razones de ¿por qué nos encanta ser diseñador web?

Photoshop CS4

Yo me identifico completamente con todas:

1. El proceso creativo
Es una de las cosas con las que disfruto como loco… llevo apuntes de cada proyecto en Google Apps, salto a una Moleskine + lápiz, luego paso al OmniGraffle y después al Adobe CS4.

2. Pensamiento lógico
Para mi es un verdadero reto… y disfruto muchísimo haciéndolo.

3. La constante evolución de las tecnologías
Para mi esto es motivación, siempre algo nuevo, siempre más potente :)

4. La comunidad
Fundamental para compartir conocimientos y aprender.

5) Somos necesarios
Es cierto que desde hace años muchos se lanzan a “diseñar webs”, pero el cliente de verdad si en algún momento buscó soluciones “con su sobrino” después de un tiempo te va a tocar el timbre para que le hagas un trabajo profesional. Llega un momento en que para algunos somos muy necesarios.

Si quieres conocer la opinión de Andrew Houle, puedes leer su post (en Inglés).

Por cierto, ¿cuáles son tus razones?

Nuevo COLOURlovers V4, para los amantes de las paletas de colores y los patrones

Ohhhh… mi comunidad favorita relacionada con el diseño tiene nueva versión desde hoy… acaba de salir del horno COLOURlovers V4. :)

COLOURlovers es una comunidad de diseñadores (gráficos, web, de moda, etc) que se reune en la red para compartir colores, paletas de colores y patterns o patrones de diseño; es un sitio de inspiración, fundamental para conocer las últimas tendencias de color.

Las “guindas” son las herramientas online que posee:

En COLOURlovers podrás intercambiar ideas, paletas de colores, patrones y recorrer todas las galerías de creaciones de otros “lovers”.

Tienes más información sobre COLOURlovers V4 aquí. :)

¡Anda… hazte el mimoso!

Fuentes Open Source

Necesitaba una fuente ligera y super fina para un diseño web y paseando por los links de fuentes open source que tengo en mi cuenta Del.icio.us hice stop en The League of Moveable Type.

Mi elección fue la Raleway de Matt McInerney, la fuente sans-serif fina y elegante que estaba necesitando.

Si quieres descargarla te dejo el link: www.theleagueofmoveabletype.com/fonts/14-raleway.

Si conoces otro sitio con fuentes open source, pls… déjalo con un comentario.

Nuevo portapapeles en Google Docs

Me acabo de dar cuenta que una de mis herramientas preferidas de Google tiene función nueva… Google Docs ya tiene portapapeles.

Logo Google Docs

Dicen en la Ayuda de Google Docs:

Google Docs permite copiar y pegar texto e imágenes de un documento online a otro, incluso si estos son de distinto tipo. Y, dado que esta operación se lleva a cabo online, puedes copiar el elemento desde un equipo y, a continuación, acceder a la misma cuenta y pegarlo en otro equipo distinto. Estos son algunos ejemplos de las cosas que puedes hacer:

  • Copia varias celdas de una hoja de cálculo y pégalas en un documento en formato de tabla.
  • Copia un elemento mediante el equipo que utilizas en el trabajo y pégalo a través del equipo que tienes en casa; para ello, debes acceder a la misma cuenta de Google.
  • Accede a elementos que hayas copiado en otro momento (siempre y cuando hayas accedido a la cuenta para copiarlos).

Tienes más información sobre el portapapeles en el blog oficial de Google Docs.

Por cierto… ¿cuántos documentos tienes en tu cuenta Google Docs?

Extensiones de Google Chrome para diseñadores web

Me han recomendado un post donde recomiendan 17 extensiones útiles para desarrolladores y diseñadores web.

Un breve repaso de algunas de ellas:

  • Firebug Lite
    El clásico Firebug de Mozilla Firefox pero ahora funcionando en Chrome, ojo… es una versión reducida, pero muy potente.
  • Eye Dropper
    Gotero para obtener códigos de colores de un sitio web.
  • Lorem Ipsum Generator
    Para conseguir rápidamente nuestro querido texto en latín indispensable a la hora simular contenidos.

Si quieres ganar tiempo trabajando te recomiendo estas 3:

  • IE Tab
    Para ver como se nuestro diseño en el Internet Explorer de Windows.
  • Resolution Test
    Para cambiar el tamaño del Google Chrome y ver como queda nuestro diseño en distintas resoluciones.
  • MeasureIt
    Para medir en pixeles zonas o imágenes de un sitio web.

Puedes ver el post en DesignM.ag… Google Chrome me sigue sorprendiendo.

¿Por qué los desarrolladores web deben cambiar a Google Chrome?

Hoy por la noche estuve organizando los favoritos de Google en mi nuevo Google Chrome para Macintosh, configuré su sincronización para poder los mismos enlaces en los tres ordenadores que utilizo y probé algunas extensiones, poco más.

Y mientras instalaba un plugin en el WordPress del blog recalé en un post de Nettuts llamado ¿Por qué los desarrolladores web deben cambiar a Google Chrome?

Sinceramente desconocía todas las posibilidades del navegador de Google, desde hace años para desarrollar utilizo Mozilla Firefox con la extensión Web Developer, muy buena y completa pero ahora estoy confundido. :O

El repaso -en Inglés- al Inspector Web de Google Chrome que hacen en el post de Nettus es muy completo y explica muchas de las tantísimas posibilidades que posee como herramienta de desarrollo web. Gran descubrimiento.

También sugieren algunas extensiones para añadir herramientas a la hora de trabajar con los códigos XHTML y CSS.

Yo no utilizo la extensión Firebug para Mozilla Firefox pero… por lo que veo el Inspector Web tiene muchas características similares.

¿Alguna sugerencia o comentario de algún desarrollador web?

Gracias totales.