monkey_island_2

Retomando mi blog

Después de muchos años, me he decidio a retomar mi blog personal.

Para empezar, he importado todas las entradas que tenía en mis antiguos blogs del dominio ionosfera.com, y los he redirigido aquí, asi que ahora mismo el contenido que hay es un batiburrillo de cosas antiguas.

He elegido usar wordpress.com para ahorrarme lo tedioso de estar actualizando el sistema cada cierto tiempo y evitar también agujeros de seguridad y spam innecesario.

No creo que vaya a escribir muy a menudo, pero cuando lo haga, es posible que escriba en castellano o en inglés, y sobre temas tan diversos como programación, ciencia, religión, filosofía, familia, viajes, o cualquier otra cosa que se me pase por la cabeza y quiera compartir abiertamente. Para cosas muy cortas, usaré mi cuenta de Twitter, que recientemente se había convertido en un lugar solo para quejarme del servicio de algunas empresas😛

Así que nada, un saludo a cualquier alma errante que caiga por aquí!

Instant Eyedropper, cuentagotas universal para Windows

En esta ocasión les traigo una herramienta que ahorrará mucho tiempo a los maquetadores web y a los diseñadores en general.

Instant Eyedropper en acción

Se trata de Instant Eyedropper, un cuentagotas universal para Windows, que se sitúa en la bandeja del sistema (al lado del reloj) y que con un simple gesto de arrastrar y soltar nos guardará en el portapapeles el color del punto sobre el que nos hayamos situado, siendo posible elegir el formato del mismo entre muchas opciones (quizás el más útil en desarrollo web sea el formato hexadecimal).

Pueden descargar esta aplicación gratuita directamente desde su web: http://instant-eyedropper.com/

Grep, herramienta imprescindible para el programador

Una de esas utilidades imprescindibles para un programador de software es Grep. Creada originalmente para Unix, actualmente existen versiones para cualquier sistema operativo. En mi caso, utilizo Windows Grep, la cual se integra con el Explorador de Windows facilitando su uso enormemente.

Lo que nos permite esta herramienta es encontrar cualquier cadena de texto dentro de uno o varios archivos, ya sea mediante una búsqueda literal o utilizando toda la potencia de las expresiones regulares.

Si bien a cualquiera puede resultarle útil, para los programadores su uso es casi indispensable, ya que facilita enormemente la tarea de buscar dentro de las incontables lineas de código fuente a las que se enfrentan diariamente, permitiendo incluso realizar correcciones (mediante reemplazo) de una manera rápida y eficaz.

Facebook Chat en Adobe Air

In english:

Today, in only half an hour, I’ve created this simple application in Adobe Air to put the Facebook Chat as an standalone application on Windows.

Download Facebook Chat for Adobe Air

* Facebook is a registered trademark of Facebook Inc. Adobe and Air are registered trademarks of Adobe Inc.

** This aplication is inspired on Remember The Task by Jash Sayani.

En español:

Hoy, en solo media hora, he creado esta sencilla aplicación en Adobe Air para tener el chat de Facebook como una aplicación independiente de Windows.

Descargar Facebook Chat para Adobe Air

* Facebook es una marca registrada de Facebook Inc. Adobe  y Air son marcas registradas de Adobe Inc.

** Esta aplicación está inspirada en Remember The Task de Jash Sayani.

Maquetación de una web: II – Material gráfico

Antes de empezar a maquetar, deberíamos contar con todos diseños de la web en formato gráfico. Para mi, el formato ideal es el PSD, estando este bien estructurado y separado por capas, por lo que suelo hablar anteriormente con el diseñador para que me lo prepara de dicha manera.

En otros proyectos en los que he trabajado, para ahorrar costes lo que se hace es diseñar las páginas principales y el resto se estructuran mediante wireframes. Por lo tanto, en estas páginas de las cuales no se tiene el diseño, es el maquetador el encargado de “inventarse” los estilos basandose en las principales. Para mi no es la mejor opción, ya que el maquetador no tendría porque comerse la cabeza pensando en asuntos de diseño, pero a veces no queda más remedio.

Otras veces, por falta de tiempo, no es posible disponer de todas las páginas juntas ya diseñadas, y el trabajo del maquetador se solapa con el diseñador para agilizar el proceso, pero intentaremos evitar esto siempre que sea posible. La razón es que, a la hora de planificar la estructura del código, si se dispone de todas los diseños a maquetar, podemos ahorrar etiquetas HTML y clases CSS innecesarias porque contaremos con una visión más global del proyecto.

En las próximas entradas, utilizaremos como ejemplo un proyecto ideal en el que contaríamos con el diseño de todas las páginas en formato PSD.

Maquetación de una web: I – ¿Qué es y quien debe hacerlo?

En el ámbito del desarrollo web, se utiliza el término maquetación para designar el proceso de conversión del diseño en formato imagen (PSD, JPG, PNG, etc.) a formato HTML (en cualquier de sus variantes). Si bien dicho término no es el más adecuado para referirse a esa labor, es comúnmente aceptado por los profesionales del área. A mi parecer, creo que sería mejor utilizar la palabra “codificación”, aunque el objetivo de esta entrada no es discutir sobre ello.

Generalmente, el proceso de maquetación lo llevan a cabo o el diseñador o el programador, algo que no debería ser así, ya que ninguno de los dos está específicamente preparado para ello. En su lugar, debería existir otro rol dedicado, desempeñado por una persona con conocimientos orientados a dicha labor, como son:

  • Especialista en lenguajes (X)HTML, CSS y JavaScript
  • Amplios conocimientos de accesibilidad y estandares web
  • Nivel medio/avanzado en programas de diseño gráfico (p.ej.: Adobe Photoshop y Fireworks) y codificación (p.ej.: Adobe Dreamweaver)
  • Conocimientos básicos de programación en algún lenguaje web (p.ej.: PHP)

El porque de este rol independiente se explica muy bien en el articulo “El tercer hombre” del blog “Torpe y mal pensado“.

En próximas entradas, expondré todo el proceso que yo sigo para la maquetación de una web, desde la recepción del material gráfico, hasta la entrega de las plantillas finales.