Voy a intentar enfocarme de una forma más profesional con más contenidos sobre mi trabajo y menos cosas personales. Además, se incluirá mi portfolio y centralizaré todas las cosas que haga allí, ya que como algunos sabéis, estoy empezando mis primeros pinitos como freelance. Además, todos los contenidos serán a partir de ahora en inglés. El mercado y el interés español es bastante flojo.

Podéis ver una preview de lo que va a ser el blog aquí.

Nos vemos pronto :)

La historia es que hace ya un buen tiempo empecé a darme cuenta de la importancia que tiene realmente el marcado: seguir los estándares, ser pulcro, utilizar las etiquetas para lo que están concebidas y no al gusto para que cuadren los diseños (para eso está CSS), el impacto que tiene sobre la accesibilidad, etc, etc… Es entonces cuando te das cuenta de que eres un puñetero ignorante, que (x)HTML es un lenguaje bastante rico y que no estás utilizando ni la mitad de sus posibilidades. Casualmente una etiqueta que no conocías tiene el significado semántico perfecto y construye el elemento de tal forma que te hace más fácil definir sus estilos con CSS. Qué cosas, no?

- Por qué no me funciona esto?
- No sé… Has probado a escribirlo bien? :P

Un consejo: Si queréis aprender a maquetar con CSS, empezad por entender bien a utilizar el marcado y a entender el flujo que genera. Os ahorraréis muchos dolores de cabeza y la calidad de vuestros trabajos se multiplicará. Palabra ;)

Algunos habréis adivinado qué narices es Trident y otros, por desgracia, ya lo conoceréis de sobra. Para los que no, se trata del bendito motor de renderizado del cáncer de Internet. Y es que, desde que entré a currar en la agencia, empecé a prestarle mucha más atención a la parte más importante de los navegadores. Esa en la que nadie se fija pero que es, en definitiva, la que hace que nuestras páginas web se vean. Donde antes veía IE, Safari, Chrome, Firefox, Opera o Camino ahora sólo veo Trident, Webkit, Webkit, Gecko, Presto o Gecko (diferenciando, claro, las versiones que lleve cada uno). Y qué relevancia tiene esto? Pues toda la del mundo para alguien que se dedica a la Web. Y, por qué? Porque cada uno de estos motores cumple mejor o peor los estándares, que son los que me garantizan que, si yo hago las cosas de una determinada manera, mi página va a verse exactamente igual y se podrá interactuar exactamente igual en ella independientemente del navegador que el usuario utilice. Y ahora, que levante la mano quien sepa quién es el que se ha estado pasando estos estándares por el forro de los mismísimos durante años. La respuesta es sencilla, creo: Nuestro ganador es el fantabuloso Trident, desarrollado por Microsoft. El cerebro de “la bestia”, el cáncer de Internet.

Durante años (tras la pasada guerra de navegadores), la Web ha sido lo que la empresa de Redmond nos ha permitido que fuera. Para más inri, estos se desentendieron por completo del navegador durante años (sabéis perfectamente lo que significa sólo un año en tecnología, no?). El lanzamiento de Firefox 1.0 supuso un punto de inflexión, aprovechándose en buena parte de la mala fama que había cosechado IE a causa de sus sonados agujeros de seguridad… y poco a poco, tímidamente, la gente empezó a levantarse y a preguntarse por qué no podíamos entre todos hacer Internet como nosotros queramos. Han pasado más de 7 años desde el lanzamiento de Internet Explorer 6, y aun a día de hoy sigue siendo el segundo navegador más utilizado de Internet, con más de un 20% de porcentaje de usuarios, justo por debajo del IE7, lanzado más de cinco años después (os repito la pregunta: sabéis lo que significa un sólo año en tecnología, no?) y en el cual se limitaron a solucionar algunos de los bugs más sonados del motor y añadirle cuatro tonterías, quedando muy por debajo de otras alternativas gratuitas y multiplataforma.

Yo me pregunto: Si hoy por hoy un altísimo porcentaje de usuarios continúan utilizando Windows y éste viene por defecto con un navegador… No tendrán los señores que desarrollan ese navegador una responsabilidad enorme en hacerlo lo mejor posible para evitar que la tecnología, que avanza a un ritmo brutal, se quede estancada en algo pobre, feo y fallón? No tendrán esos señores que corregir los errores reportados en su motor y esforzarse por ofrecer características nuevas e intentar mejorar lo que hace la competencia? Me da a mí que Microsoft sigue pensando que no. A día de hoy, la nueva y fantabulosa versión de Internet Explorer (la 8) por fin parece que va a pasar Acid 2, cuando el resto de navegadores hace tiempo que pasan en Acid 3 “sin problemas”. Sabéis qué navegador fue el primero en pasar el Acid 2? Fue Safari. Pero se os ocurre cuándo? Pues, el 31 de Octubre de 2005, hace más de tres años. Y para cuándo los usuarios de IE estarán “a la altura” de los de Safari hace más de tres años? La última vez que busqué, IE8 seguía sin fecha de lanzamiento oficial.

Y qué pasa con Acid 3? Y qué pasa con todas esas fantásticas características de CSS3 que están esperándonos desde hace tanto tiempo para hacernos la vida muchísimo más fácil a los desarrolladores y las cuales permitirán que Internet sea un lugar mejor para todos? Pues, la última vez que lo intenté pasaba escasamente del 20% en Acid 3. Y ni siquiera hay planes de añadir tres de las características más interesantes de CSS en relación con el diseño: border-radius, box-shadow y text-shadow, que por sus nombres, creo que ya os imagináis qué hace cada una. Y qué hay del layout multi-columna o del soporte de colores con alpha? Nada.
Ah, osea que dentro de unos meses (quizá) tendremos un navegador de Microsoft “tan” bueno a nivel de motor como uno de hace más de tres años. Pero… y dónde estará el resto? El último año y medio ha supuesto un avance absolutamente brutal en cuanto a motores de renderizado. El equipo de Webkit se ha empeñado no sólo en seguir haciendo del suyo el mejor, sino que encima se han dedicado a innovar, a proponer cosas nuevas que pueden suponer pequeñas revoluciones, novedades e ideas visuales mientras otros se dedican a mejorar CSS a nivel de implementación (que tampoco es malo, claro), siempre mirando hacia delante. El avance de Gecko ha sido vertiginoso, poniéndose muy cerca de Webkit (y de Presto, otro de los mejores motores del mercado). Y ahora que estos motores están tan increíblemente preparados, es cuando una nueva guerra de los navegadores comienza a nivel de funcionalidad (pena lo de Apple). Google ha adoptado Webkit y ha lanzado su órdago… pero es que el resto no se quedan atrás… bueno, uno sí… y todos sabemos cuál. IE8 nacerá obsoleto, solo que un poco menos que sus viejos antecesores.

Señores de Microsoft… No sería mejor que adoptasen un motor Open Source y se dedicaran a ofrecer funcionalidad, rendimiento y seguridad a sus usuarios? Por qué se empeñan en seguir intentando, tarde y mal, en mejorar Trident, ese motor propietario pobre, feo y fallón? Por qué siguen empeñados en evitar que la Web avance? No sé si se han dado cuenta, pero los que sabemos de qué va esto estamos hartos y seguiremos informando a la gente… Pronto el usuario tendrá el poder y juntos haremos de Internet el lugar que nosotros queramos que sea.

Feliz año nuevo, Microsoft.

NatsuLion: Después de probar tropecientasmil aplicaciones para Twitter, me que terminado quedando con esta por ser la única que combina estética con rapidez. Vale que su apariencia no es tan buena como la de Twitterrific o Twinkle, pero funciona de puta madre (rápido y sin joderte ancho de banda a saco como las otras) y es gratis. Ya la estás probando.

Byline: Llevaba un tiempo utilizando la web de Google Reader para visualizar mis RSS, pero ésta tenía un gran inconveniente: no podía leer mis feeds sin conexión. Si tenemos en cuenta que donde más tiempo tengo para leer es en el Metro, esto se convertía en un problema. Encontré esta aplicación por casualidad, y casualmente dispone de lector offline, el cual utilizo para leerme por fin todos esos artículos que “estarreo” en Google Reader y que nunca tengo tiempo para leer… con imágenes y todo! Genial. Lorzo terminó de convencerme para comprarla y estoy encantado de haber pagado los 3€ que me costó… y ahora que he podido modificarle la apariencia, mucho más :)

Klick: Cuando ví los primeros iPhones, me fijé que todo el mundo usaba ShoZu para subir sus fotos a Flickr. Cuando por fin me compré el mío, me acordé del tema, lo instalé y… qué pedazo de chusta! Lo aguanté porque pensé que no había otra cosa decente… pero hoy he encontrado esta fantástica aplicación, que además de subir de forma más completa (o al menos a mí me lo parece), te permite navegar cómodamente por tu Flickr, además de tener una estética mucho más cuidada y ser tan gratuita como la otra. Hay un auténtico abismo entre las dos.

Remember the Milk: Ganadora de un premio a la mejor interfaz de una aplicación web para iPhone, por fin aparece la versión nativa. Ya que no me terminaba de hacer con Things, decidí utilizar los 15 días de prueba a ver qué tal… y acabé enganchado. El tema de la sincronización web es genial, y no el engorro de Things. La única pega es que el servicio es bastante caro para lo que es: 25$ por una suscripción de un año. Teniendo en cuenta lo que vale Flickr (por poner un ejemplo), con la cantidad de ancho de banda que mueve, ésto me parece un poco exagerado, pero es creo que finalmente merece la pena. Ahora sólo me queda hacer que me funcione bien con Fluid en el escritorio y a gosal!

Shopper: He probado varias aplicaciones de listas de la compra (es que tengo una cabeza…) y ésta me ha parecido la mejor con diferencia: Diferentes tipos de listas, carrito de la compra, cálculo de precios, base de datos actualizable de productos y un magnífico indicador en el icono. Por 80 céntimos, es una ganga (aunque no es que sea precisamente bonita, la verdad).

Y, bueno… ya en la parte “oscura”, recomendaros dos aplicaciones: SBSettings, el cual es el sustituto natural de BossPrefs y es muchísimo más cómodo de utilizar. Ahora que por fin han solventado algunas cosillas que tenía, la verdad es que merece la pena a pesar de lo fea que es. La otra aplicación es Installous, que justamente se actualiza hoy y que ha mejorado sustancialmente con respecto a la anterior versión, que requería de dos aplicaciones separadas para funcionar y que ha convertido el probar aplicaciones de pago en un auténtico juego de niños.

Se nota como poquito a poco unas apps van madurando y aparecen otras nuevas que mejoran lo que había. Otra prueba más de que la App Store fue una idea estupenda a la que le queda todavía mucha cuerda :)

… he descubierto que en la nueva CS4 han incluído esta posibilidad, contrariamente a lo que yo pensaba (casi me corté las venas). Simplemente hay que ir al menú Window y elegir Application Frame. Funciona para Fw, Ps, Ai e Id. Dw y Fl parecen tenerlo ya incorporado de serie.

Finally, a major feature. POR FIN, COÑO! (Llorando)

P.D.: Lo sé, merezco morir por no haberlo descubierto antes.

Pero primero que nada contestaros a algunos de los que me habéis preguntado. Qué es eso de Fireworks? Pues bien, editando un poco la descripción de la Wikipedia:

Adobe Fireworks (Fw) es una aplicación en forma de taller destinado al manejo híbrido de gráficos vectoriales (fundamentalmente) con gráficos en mapa de bits y que ofrece un ambiente eficiente tanto para la creación rápida de prototipos de sitios Web e interfaces de usuario, como para la creación y optimización de imágenes para web. Originalmente fue desarrollado por Macromedia, compañía que fue comprada en 2005 por Adobe Systems. Fireworks está enfocado en la creación y edición de gráficos para internet pantalla.

Descubrir que hay vida más allá del Photoshop fue un gran descubrimiento para mí hace ya unos cuantos años. En él encontré una aplicación con un enfoque diferente y que, en mis manos de novato, era muchísimo más fácil de asimilar que aquel (aun hoy) interfaz tosco de Adobe Photoshop, donde para hacer algo con ello había “casi que hacerse un curso”. Aquí hacer una caja con bordes redondeados era cosa de niños, clicabas un elemento y no sólo se seleccionaba, sino que además veías su contorno (hola, Adobe?), podías editar todas sus propiedades desde una sencilla paleta y… vaya! con un poco de maña y buen gusto podías conseguir efectos igual de chulos que con Photoshop.

Varios años más tarde mis conocimientos sobre la aplicación han aumentado bastante (por mi cuenta) y he ampliado su uso. En el Master me enseñaron a utilizar Photoshop a voluntad y aun así sigo prefiriendo Fireworks para casi todo… Por qué? No me entendáis mal, Ps es una aplicación increíble, pero hay algunas tareas para las que no es ni de lejos la mejor opción. Desde luego, hay cosas que ni se me pasaría por la cabeza hacer en Fw (retocar una foto, para no ir muy lejos), pero es que casualmente yo la suelo utilizar para lo que está específicamente diseñada y, contrariamente a lo que mucha gente me dijo, es Ps la que me parece un juguete en comparación, la verdad.

Comprobar cómo y por qué diseñadores como Jon Hicks, Rick Patrick, Jason Santa María o el equipo de The Cocktail no han hecho más que reafirmarme en mi postura de que, sin ser perfecta, es la mejor aplicación para diseñar interfaces gráficas de usuario que existe en el mercado.

En la próxima entrega entraremos en detalles :)

Nota: El icono utilizado en este post está realizado por Adam Betts.

1. Mis pequeñas. La alegría que le da a uno llegar a casa y tener a dos perras saltando como locas de alegría porque has llegado no se paga con nada :)

2. Darme una ducha. El sitio donde más ideas creativas se me ocurren y donde consigo relajarme por completo. Es mi momento del día.

3. Hacer algo que me gusta y que termine gustando a los demás. Ser tan crítico con uno mismo a veces es un defecto y yo tengo una cierta tendencia a querer mejorarlo todo. Siempre se me ocurre algo más. Lo mejor es cuando eso a lo que has dedicado un esfuerzo resulta que le gusta a más gente.

4. Aprender algo nuevo. Soy una puñetera esponja… y cuanto más aprendo más cuenta me doy de que menos sé. Es adictivo :)

5. Estar en la playa cuando no hay nadie. Es algo que debería hacer más, pero como soy tan listo, voy y me vengo a vivir a Madrid… aunque tampoco lo hacía en Castellón, seamos sinceros. Eso sí, en Cádiz es otra historia.

6. Desvariar. Me encanta soltar gilipolleces con mi gente. Me desahoga.

7. (BONUS) Disfrutar de los trabajos de otra gente. Soy fan de muchos y colega de algunos. Tener la oportunidad de charlar y compartir impresiones con artistazos como Laurent Baumann, Na Wong, Jono Hunt o Everaldo Coelho (entre otros) es una auténtica delicia :)M

Llevo desde entonces dándole vueltas al coco… y la verdad es que mal que me pese el artículo llevaba razón en algo, y es que, por más impresionante que sea, no debemos abusar de lo bonito o de lo espectacular solamente porque se pueda hacer o porque tengamos un increíble talento, como es el caso de Chan (tú no, Amparo). Cuando visitas Newspond, te centras más en el diseño y en sus efectos que en su contenido, y eso es algo poco recomendable. Lógicamente, todo ello también depende de a quién y cómo está orientado el site.
Entonces me vino a la cabeza aquella Leopard Tech Talk, cuando ingenieros de Apple nos explicaron cómo ellos abogan siempre por el equilibrio entre lo bonito y lo funcional, lo que de paso me recuerda que todavía tengo pendiente entre mis lecturas las Apple HIG.

Por otro lado, tampoco estoy de acuerdo con el ejemplo que nos propone la web como bueno, muy a la Nielsen. Jakob puede ser una eminencia (que lo es), pero desde luego no comparto diseños como ese. Ni tanto ni tan calvo.

Lo cierto es que ha sido un estupendo tema de reflexión. He disfrutado bastante :)

Ah! Se me olvidaba: Este es el post número 100 de intemperie. Otro buen motivo para sonreír :)

Pues bien, hace poco terminé de leerme el libro (voy lentillo porque lo dejo para el Metro y allí no siempre se puede leer), y mi opinión sobre él sólo ha podido mejorar. En él, Dan revisa una serie de técnicas que implican tanto a la parte gráfica como a la técnica sobre diseño y desarrollo web. Cómo hacer que tus sites sean “a prueba de balas” desde un punto de vista práctico, lógico y de acuerdo a los estándares.

Un must have.

Como cuando esta imagen ha salido en mi pantalla era bastante pronto y todavía andaba medio sobado, no he caído en la cuenta de desinstalar previamente las betas de FW y DW, con el consiguiente FAIL para instalar DW y luego al ejecutar FW. El caso es que rápidamente he caído en que debería haber un script de desinstalación tal y como hubo para la CS3, así que el primer resultado de Google me lleva por el buen camino. El nuevo script de Adobe ha resultado ser muchísimo más cómodo que el antiguo, que te abría la puta ventanita de terminal y tenías que introducir varias preferencias antes de que se ejecutase la limpieza. Parece que estos señores se han dado cuenta de que las betas tienen bastante público y merece la pena currarse un poco más el script, trayéndolo desde la era de las cavernas a un entorno más normal.

Debo decir que de momento solamente he abierto el FW un poquillo para trastear a ver qué tal se portaba con las fuentes en archivos antiguos, las nuevas preferencias, paneles y, sobre todo, el nuevo interfaz. Una de las cosas que más me jodían del CS3 era ese interfaz arcaico con ventanas flotantes (por si alguien no lo sabe, las ODIO bastante) y más feo que el copón. Decir que estoy contento con el nuevo, pero sólo en parte. El caso es que sigue habiendo inconsistencias en el GUI, que se hacen más patentes al trabajar con ventana completa y dos columnas de paneles (resulta que no lo han unificado del todo y sigue habiendo huecos en la ventana, común para toda la CS4 -para Mac-). El área de trabajo no se relaciona todo lo bien que me gustaría con las paletas, y la verdad es que me da un poco por saco, pero desde luego lo han mejorado.

A falta de probar todas las nuevas características: símbolos, color (echo de menos la gestión de muestras de Illustrator), etc… y darle la caña que merece, en general me parece una muy buena actualización. Tengo pensado adquirir una licencia de Fireworks (al menos) pronto, aunque viendo las diferencias de precio que hay con USA, se le quitan a uno las ganas.

Tengo pendiente un tochopost acerca de por qué prefiero Fireworks a Photoshop, en el cual explicaré algunas de las bondades de este pedazo de programa que en general pasa desapercibido para casi todo el mundo, pero que esconde una potencia y una fluidez de trabajo increíble.