llops blog » General

Furni 75 Theme

llops — Fri, 01 Apr 2011 22:46:46 +0000

¿Sabéis esa sensación de ver fotos de hace unos años, que en el momento crees que tu peinado o tu ropa mola mucho, y al verte tiempo después dices "joder, cómo iba así por la calle..." ? Pues eso me pasa cada cierto tiempo con el theme del blog.

A principios de año se me metió entre ceja y ceja que el anterior diseño ya no me gustaba y lo he tenido que cambiar sí o sí. Así que después de chorrocientas horas de duro trabajo, por fin tengo lista la versión 3 de llops blog.

Evolución del diseño


V1. Forni Theme - Home	V2. Forni Dark - Home	V3. Furni 75 - Home


V1. Forni Theme - Post	V2. Forni Dark - Post	V3. Furni 75 - Post

Furni 75 based on Seven Five

El tema está basado en el Seven Five de Jason Schuller, bajo licencia GPL.

Como se puede ver en la demo, este theme está enfocado completamente al contenido social mediante widgets. Así que adaptarlo a un "blog clásico" y limpiar todo el código que no necesitaba no ha sido una tarea fácil (o al menos rápida).

Además, aunque la estructura me parece perfecta, para mí gusto, gráficamente está todo excesivamente "resaltado" (bordes de imágenes muy gruesos, tipografías pesadas, botones muy grandes...). Sin alejarme mucho de la línea principal he intentado llevarlo todo a un terreno más sutil.

Objetivo

Todos los cambios respecto al antiguo diseño tienen un único objetivo: mejorar la lectura. Buscaba un formato en el que pudieras estar leyendo 10 minutos y no cansara (soy consciente de los tochazos que escribo :p).

Así que me he deshecho de la columna de banners y de widgets, he ganado 150px en la columna central, he subido el tamaño de las tipografías, el interlineado y los párrafos, y me he tirado días enteros tocando paddings y margins de cada imagen, tabla, lista o icono para equilibrarlo todo lo posible.

Comentarios

Algo muy tonto que no había podido tener hasta ahora son los comentarios anidados. A partir de hoy 3 niveles para poder responder individualmente.

Además, he activado la opción de gravatar, que nunca me había gustado por culpa de los horrendos iconos por defecto. Pero solucionado, por aquí no veréis al odioso Mystery Man ;)

Seguir comentarios

Prácticamente todos los blogs de wordpress están "cojos" para seguir los hilos de comentarios (porque el feed de comentarios... ¿de verdad lo utiliza alguien?).

Gracias al genial plugin Subscribe to comments, ahora puedes suscribirte a un post en cualquier momento, aunque no participes:

Y una vez suscrito, dispones de un panel muy majo para administrar toda tu actividad:

Tuve que dedicarle unos días para adaptar el plugin a lo que yo quería, pero... mola, ¿no? :)

A partir de ahora, ya no te vas a perder conversaciones tan interesante como esta: Código fuente, ¿se debe entregar?

Código

Sigo con el antiquísimo plugin ig:syntax_hiliter para formatear el código. Aunque está totalmente desactualizado (ni siquiera aparece en los plugins de wordpress.org) y existen decenas de opciones más nuevas, a mí me sigue pareciendo el más elegante.

En su día me cree mi propio archivo GeSHi para AS3, ya que no existe ninguno, y he aprovechado para hacer una nueva hoja de estilos. El resultado:

Plain Text

package com.llops.ejemplo {
import flash.display.MovieClip;
import flash.events.*;
public class BolaClass extends MovieClip{
private var _ancho:int = 300;
private var _alto:int = 150;
function BolaClass(){
alpha = 0;
// Crear un delay aleatorio para comenzar
var retardo:Number = Math.random() * 2000;
var t:Timer = new Timer(retardo, 1);
t.addEventListener(TimerEvent.TIMER_COMPLETE, comenzar);
t.start();
}
}
}

También se puede utilizar en los comentarios, y en los anidados queda perfectamente encajado ;)

¿Aún en Google Reader?

Y si a pesar de todas estas maravillosas ventajas todavía prefieres leer desde el lector de feeds, hay un pequeño detalle para ti: Ozh' Better Feed.

Así puedes saber si hay comentarios y de paso me ayudas a mover los artículos un poco.

Fuera coñas, me parece un plugin súper útil, y sin embargo su popularidad es muy baja...

Un problema

Un consejo muy obvio: todo todo todo el formato mantenlo en un fichero CSS.

Desde siempre, he arrastrado en el blog un gran problema: daba formato inline en el propio post. Por ejemplo, todos los márgenes de las imágenes, o los subtítulos de las entradas, formados por un strong y un underline, entre cosas más puntuales como formato en las tablas, anotaciones, etc.

No había sido consciente de lo que suponía hasta que he aplicado un theme completamente diferente. Y claro, me ha tocado abrir post por post para eliminar todos estos estilos "fijos" y poner clases, etiquetas, etc. Un auténtico coñazo.

Eso sí, he aprendido la lección.

Otros detalles

La tipo del logo y del favicon es la Suti. Como anécdota: es la primera vez que compro una fuente :)

Para el menú y los títulos utilizo la Lato, del impresionante proyecto Google Web Fonts.

Para darle un poco más de movimiento al lab he creado una página mucho más gráfica, y he dejado un random de imágenes sólo en la home:

He actualizado algunos datos desfasados en la página Acerca de, e incluso he cambiado la foto (ahora que los del SubFlash habéis comprobado que no soy un snippet ya no hace falta que me oculte).

Para el formulario de contacto sigo con el plugin Contact Form 7. Si necesitas un "contacta", no hay mejor opción.

Y a nivel gráfico, si navegáis un poco veréis que hay bastantes detallitos aquí y allí.

¿Y ahora?

Ahora que tengo empresa nueva, página nueva y blog nuevo, me parece que ya no puedo perder el tiempo en nada más. Así que ya sólo me queda volver a escribir artículos de interés.

Lo bueno es que este theme es para siempre. Éste me va gustar toda la vida.

2 comentarios
Compartir en Twitter | Compartir en Facebook

© llops blog 2011

Vida nueva

llops — Mon, 13 Dec 2010 00:36:46 +0000

A principios de 2004 tuve la suerte de entrar en la que para mí ha sido, más allá de clientes, premios y facturación, la mejor agencia de publicidad. Sentir que un almacén se convierte en tu casa, los compañeros y jefes en tu familia, tu trabajo en un hobby y una empresa en tu empresa, es algo difícil de explicar. Pero mi tiempo en HerraizSoto se agota. He decidido cerrar una puerta maravillosa de mi vida para abrir una pequeña ventana.

¿Los motivos? Principalmente dos:

Volver a programar. Las reuniones, status, dirección de proyectos, coordinación de equipos, supervisión, clientes, temas burocráticos... han acabado por alejarme excesivamente de lo que más me gusta hacer. Y ha sido una suerte que confiaran en mí para llevar a cabo estas funciones (he podido aprender muchísimo y crecer profesionalmente en diversas áreas), pero ahora me apetece dejar a un lado las reuniones y los mails, aparcar la multitarea, concentrarme durante horas en lo que hago. Divertirme.

Volver a empezar. Después de casi 7 años, necesito abandonar la comodidad de mi silla, la seguridad de mi cargo, mi entorno controlado, bajar los peldaños que tanto me han costado subir. Después de casi 7 años, necesito arriesgar, pelear por objetivos, fijar nuevas metas, buscar desafíos. Ilusionarme.

Y no estaré solo en esta nueva aventura: Cay, un compañero con inquietudes similares, ha decidido también que es hora de partir. Además de un gran amigo, es uno de los mejores programadores que he conocido. Será un lujo viajar con él.

¿Y ahora? Pues todavía nos quedan unas semanas para cerrar asuntos en HerraizSoto y a partir de enero nos pondremos en marcha. Tenemos muchas ideas, una ilusión enorme y una bandera: trabajo bien hecho y de calidad. Todavía estamos perfilando varias cosas, pero no tenemos prisa. Como dicen los autores de Rework, Nunca serás tan pequeño, tan delgado y tan rápido como lo eres en este momento. Disfrutemos del comienzo.

Por último comentar que, aunque ha sido un mal año para este blog, tengo muchas ganas de volver a escribir y confío en que el día a día me vuelva a dar ideas para compartir. Aún no he dicho mi última palabra.

Resumiendo: año nuevo, vida nueva. En 2011 habrá noticias, no lo dudéis ;)

18 comentarios
Compartir en Twitter | Compartir en Facebook

© llops blog 2010

Eligiendo editor de ActionScript en Mac

llops — Sat, 20 Feb 2010 00:50:52 +0000

Desde que me pasé a Mac sólo había abierto Flash para probar un par de ejemplos, así que no me había preocupado de montarme un entorno de desarrollo. Ahora que me he puesto a ello, ha sido un quebradero de cabeza.

Mientras leía artículos para decantarme por un editor, topé con esta frase que me encantó: "My mind continues to wander back to the days of using FlashDevelop, but I must push forward. Mac OS is my home now." Así que la hice mía y decidí probar Flash Builder primero y FDT después.

Adobe FB lo descarté en poco rato. Conozco sus bondades para trabajar en Flex (obviamente) o proyectos ActionScript, pero realmente no está pensado para trabajar con Flash Professional: la integración es nula.

Con FDT tenía bastantes esperanzas ya que mucha gente habla maravillas, pero a las 3 horas lo tuve descartado también. Aunque tiene algo más de integración con Flash, me pareció muy complejo la forma de "enlanzarlo", teniendo que crear una configuración específica para cada proyecto Flash, los Core Library, que copies una carpeta de clases en tu proyecto y no las reconozca hasta que hagas un "Add to classpath" explícito... Me agotó encontrar un "problema" cada 5 minutos y pasar 20 en Google para entender qué pasaba (con suerte!). E incluso a la hora de picar código, no me sentía del todo cómodo.

Así que visto lo visto, para mis necesidades, FlashDevelop sigue siendo la mejor opción:

por su autocompletado y code hinting (el más potente de largo). Prácticamente no hace falta ni memorizar las variables: si tienes _planeta_azul y escribes "az" ya te ofrece la opción correcta
por Ctrl+Shift+1, que te crea funciones parametrizadas, variables de clases, getters/setters ...
por los snippets
por la cantidad de atajos básicos de los que no puedo prescindir (duplicar linea, intercambiar linea, comentar bloques, etc)
por su configuración mínima
por su perfecta integración con Flash
porque es gratis

Y muy importante, que al contrario de FB y FDT, que están concebidos para trabajar con proyectos enteros, FlashDevelop sirve perfectamente para programar/editar clases sueltas (cosa que yo hago muchísimo).

Soy consciente que algunas de las cosas que he listado las hacen igual o mejor los otros programas, y estoy convencido de que FDT es un magnífico editor, pero al final es un tema de compatibilidad: con el IDE de Flash y conmigo :)

Así que volviendo a la frase del principio, Mac es ahora mi casa, pero voy a hacer un cuartito para un programa Windows. Hoy mismo publicaré un post explicando cómo lo tengo montado yo.

Update: ayer no me dio tiempo porque he seguido trabajando en el workflow entre Flash y FlashDevelop. Ahora sí que sí lo tengo a medida :) Espero contarlo en unas horas...

9 comentarios
Compartir en Twitter | Compartir en Facebook

© llops blog 2010

¿Mac? ¡Mac!

llops — Thu, 19 Nov 2009 23:29:12 +0000

Después de pasar 12 años tocando únicamente PCs he decidido jubilar mi ordenador de sobremesa y comprarme un Macbook Pro de 15 pulgadas. Para alguien que ha sido un defensor a ultranza de Windows y que ha rajado muchísimo de los maqueros (jeje, no hay nada más fácil en el mundo que picar a un fanático de Apple), no es poca cosa.

No ha sido una decisión fácil, porque por la mitad de 1600 leuros te puedes comprar un Dell cojonudo, porque creía que no necesitaba un portátil sino un sobremesa, porque ya tengo una pantalla de 22 pulgadas y descartaba el iMac, porque lo encargué un día antes de la salida de Windows 7, porque me encanta FlashDevelop, Tortoise, LiveWriter...

A favor jugaba tener a mis propios mac-evangelizadores, Cay y Vicente, las ganas de aprender a moverme por Mac OS (no había tocado nada de nada), querer probar las maravillas que todo el mundo cuenta y este post de Joan Garnet, que acabó de darme el empujoncito ;)

Y desde el primer momento se aprecia qué supone tener un Mac: el packaging ya te hace sentir que estás manipulando un artículo de clase, los acabados son preciosistas, el teclado perfecto, el trackpad exquisito... Baste decir que antes de sacarlo de la caja ya tenía a varios compañeros a mi alrededor (alguno más expectante que yo!), que me tiraron fotos y que esa tarde me felicitaron como unas 15 personas (más que en mi cumpleaños!) xD

Y bueno, del sistema operativo no voy a descubrir nada nuevo porque soy el último en llegar, pero como resumen decir que a las pocas horas ya sabía que había acertado con la decisión. Todavía me extrañan varias cosas y echo en falta algún funcionamiento/programa de Windows, pero las mil y una características compensan sobradamente. Cuando pase un buen tiempo vendré a contar mis experiencias desde el punto de vista de programador flash.

12 comentarios
Compartir en Twitter | Compartir en Facebook

© llops blog 2009

Nuevo diseño

llops — Wed, 16 Sep 2009 13:45:06 +0000

Desde que lancé el blog siempre me ha quedado la espinita de cambiar la cabecera, y ya que por fin le he metido mano, pues he modificado cositas aquí y allá, creo que suficientes para hablar de rediseño (esto no lo puedo decir nunca!). Si véis alguna cosa que se desmonta, que no está bien en x navegador, etc. agradecidísimo si me informáis.

Por cierto, sino fuera programador creo que me gustaría trabajar maquetando. Los css tienen un rollito puzzle-lógico que me mola mucho...

Bueno, el próximo post relacionado con código. Lo juro :p

4 comentarios
Compartir en Twitter | Compartir en Facebook

© llops blog 2009

Volver

llops — Sun, 13 Sep 2009 23:27:14 +0000

Han pasado casi 6 meses desde que publiqué la última entrada del blog. Durante este período algunas personas me han preguntado por la razón de estar tanto tiempo sin escribir, en qué andaba metido, si ya no iba a continuar con el blog... Así que creo que no está de más un post de explicación.

A principios de 2009 pasé a ocupar el puesto de director técnico en mi agencia. En parte fue un formalismo, ya que venía encargándome de la mayoría de tareas asociadas a ese rol, pero por otro lado me obligó a tener un conocimiento global de todos los proyectos, a implicarme mucho más en la gestión de recursos, en la supervisión de externos, a consolidar el equipo técnico, etc. Así que para poder llevar todo esto a buen puerto (dentro de lo que cabe xD) tuve que renunciar a estar en los proyectos como programador. Al principio pensé que sería cosa de unas pocas semanas, pero al final he estado como medio año sin tocar una linea de código (que se dice pronto). Esto se tradujo en un abandono del blog: es difícil escribir sobre una temática cuando no estás en el día a día, no surgen buenas ideas para los posts... y no tenía ni tiempo ni ganas para liarme con experimentos.

La segunda parte de la historia es que en julio me metí en un gran proyecto no sólo en la planificiación y dirección, sino también programando. A parte de disfrutar, puedo decir que es uno de los desarrollos en los que más he aprendido. Esto se ha traducido en ganas de volver a escribir y de compartir conocimientos. Así que, tras unas reparadoras vacaciones, todos estos elementos dan como resultado que a partir de ya retomo el blog :)

Siempre es agradable volver.

9 comentarios
Compartir en Twitter | Compartir en Facebook

© llops blog 2009

Un año después

llops — Mon, 01 Dec 2008 09:39:53 +0000

Hoy hace justamente un año que empecé esta andadura en forma de blog. Atrás quedan mis dudas iniciales sobre si sería capaz de darle continuidad y si valdría la pena. La verdad es que ha sido toda una experiencia :)

De todas las grandes cosas que me ha aportado el blog la mejor ha sido (como ya me vaticinó un amigo) la posibilidad que he tenido de conocer a muchísima gente interesante, y la peor, el escaso tiempo del que dispongo algunas temporadas para escribir.

Y como no, dar las gracias de corazón a toda esa gente que siempre ha tenido un minuto para dejarme unas palabras: no os imagináis lo mucho que ayuda a tirar hacia adelante.

Un año después, seguimos.

12 comentarios
Compartir en Twitter | Compartir en Facebook

© llops blog 2008

Reflexionando sobre el framerate

llops — Sun, 26 Oct 2008 23:11:50 +0000

Empecé a hacer mis primeros pinitos en Flash allá por el 2001, y hasta principios del 2004 el tema del framerate fue un factor completamente irrelevante para mí. Tanto que no fui consciente hasta mucho tiempo después, cuando recuperé las películas y vi que todas corrían a 12 fps (el valor por defecto del programa). Sólo una web cuyo esqueleto había iniciado un diseñador funcionaba a 20 fps.

En marzo de 2004 me sumé al proyecto Mahou en Herraiz&Soto, y la web corría a 15 fps. Nueve meses después lanzamos una nueva versión del site que lo hacía a 25 (supongo que los diseñadores y animadores meterían mucha presión).

Durante el 2005 y parte del 2006 todas las películas que trabajábamos en la agencia solían correr a 25 frames, pero luego un compañero empezó a utilizar como cifra mágica el 31, ya que había oído el rumor que las películas a 21 y 31 funcionaban mucho más optimizadas. Recuerdo que me parecía completamente absurdo, pero el resto de gente fue pasándose a los 31, menos yo, que me pasé a los 30 (pa chulo yo xDD)

21,31... el framerate mágico

Durante algunos años el Flash Player funcionó rematadamente mal en Mac debido a un bug del sistema operativo (los temporizadores eran imprecisos y los cálculos se resentían disminuyendo el framerate). Resultó que un framerate de +1 ayudaba a cuadrar las operaciones y el rendimiento del Player se asemejaba entonces al que tenía en Windows.
Lo gracioso fue que este error fue subsanado con el Flash Player 6, pero el rumor del "número mágico" continuó extendiéndose.

En el 2007 ya me había bajado del burro y utilizaba 31 frames en todos mis proyectos. Sólo con la salida del Player 9 y AS3, con su gran incremento de rendimiento, me decidí a cambiarlo. Así pues, para mi primera aventura en AS3 utilicé 60 fps. Era un site que combinaba mucha animación y programación, y la verdad es que me decepcionó un poco porque en el navegador, a pesar de verse más o menos fluido, caía muchísimos frames. Con tanto bombo que le habían dado a la AVM2 creí que rendiría mejor.

Después de esto volví a los 31 y hasta el día de hoy todo lo hago con este valor. Considero que una peli que funciona entre 25 y 30 frames es ideal, y ya en algún artículo he apuntado que al correr un swf en el navegador suele caer 2 o 3 frames, así que 31 menos la pérdida da un muy buen resultado.

Pero la gran sorpresa que no me llevé con el Player 9 me la he llevado con el 10: no sólo no pierde frames sino que llega a marcar alguno de más y todo. He probado todo tipo de experimentos, y algunos que consumen muchos recursos y en el navegador bajaban hasta 24/25, ahora se quedan tranquilamente oscilando entre 31/32.

Han sido muchas las veces que he abierto un proyecto en Flash y he pensado "¿Qué framerate utilizo?", y por más años que pasen parece ser que esta pregunta seguirá ahí.

Y tú, ¿tienes alguna preferencia a la hora de elegir framerate?

¿Programas en AS? We need you!!

llops — Wed, 04 Jun 2008 18:55:10 +0000

Si eres mi padre, mi madre, uno de mis dos amigos o has leído alguna vez la sección About de este blog, sabrás que trabajo en una agencia de publicidad llamada Herraiz&Soto, ubicada en Barcelona. Por historia, premios y clientes, puedo decir sin pudor que es una de las mejores agencias españolas.

Oye… ¿por qué te pones en plan vendedor?
Porque necesitamos programadores.

¿Y qué tipo de programadores?
Pues del tipo que leen este blog: amantes de Flash y ActionScript.

¿Para qué puesto?
Lo mejor es que no necesitamos cubrir un puesto específico, sino varios.

Vaa, ponme algún ejemplo.
Ok! Eres un genio de ActionScript, estupendo. Nos mandas currículum.

- Vaya... así que te encargas de arquitecturas web, tocas bases de datos, trabajas con remoting... ¿qué te parecería liderar un site desde cero para Camper?

- O tú, que dominas ajax, oop en php, xml... ¿te verías capaz de ejercer de director técnico en la cuenta de BMW?

- Vaya, lo tuyo es la programación creativa. Tus ideas te preceden. Pues en Ikea o Casio está el listón muy alto... pero prueba a sorprendernos.

Hombre, yo a este nivel no, pero estoy aprendiendo Tweener y puedo hacer algún banner...
Pues sintiéndolo mucho, esta vez no será. Buscamos a gente senior, que esté curtida en mil batallas, que sepa trabajar en equipo y liderar proyectos. Una liga para mayores.

Pues no tengo mucha experiencia en grandes proyectos, pero tengo mucho que decir...
Está bien, Yugop también tuvo 20 años, y nosotros no rechazamos los desafíos. Veamos ese potencial.

Yo es que ya tengo un buen puesto en una agencia. Cambiar por cambiar...
Normal: eres bueno, tienes buen puesto. Pero si esto te está despertando una mínima inquietud, ¿por qué no hablamos? Deja que te cuente lo que se avecina aquí. Quizá se disipen las dudas... Además, cambiar de agencia está de moda!

Pinta bastante interesante...
Genial. Tráete tus ganas, tu experiencia, tu forma de trabajar. Habrá otros que harán lo mismo que tú, y entre todos vamos a marcar el camino a seguir. Si eres de los que tienen mucho que aportar, te aseguro que no hay mejor momento para subirse al carro.

No digas más. ¿Qué hago ahora?
¿Pues por qué no empiezas por enviarme un mail a dani(arroba)herraizsoto(punto)com? Cuéntame algo de ti, pásame tu curriculum, enséñame muchos links... Seguro que esto es el comienzo de algo interesante.

Nuevas categorías

llops — Sun, 03 Feb 2008 23:18:47 +0000

Hasta la fecha, básicamente he puesto entradas sobre el Lab y escrito artículos. Programar piezas para el Lab quizá sea lo más divertido, pero me quita bastante tiempo (suerte si pongo una al mes), y publicar artículos tampoco es una cosa que haga de un día para otro, ya que me gusta detallarlos bastante.

Si a esto le sumo que entre semana no puedo dedicarle muchas horas, el resultado es que publico unos 4 post al mes.

Así que pensando en maneras que me permitan escribir de forma más continuada y sin tanta "preparación", he acabado añadiendo tres nuevas secciones al blog: Reviews, Trabajos y Utilidades (todavía no aparecen en el menú de categorías ya que no tienen ningún post asociado). Aunque los nombres son descriptivos, aquí va un pequeño resumen de lo que encontraréis.

Reviews

Aunque me tiro la mayor parte del día leyendo en el monitor, podría decirse que soy un buen consumidor de libros. De aquellos que vaya leyendo (normalmente entorno a ActionScript) y considere oportunos, escribiré una entrada más o menos detallada.

Pero los reviews no se centrarán únicamente en libros, sino que también lo haré sobre aquellos artículos que vaya viendo en la blogosfera y me llamen sobremanera la atención. No me dedicaré a poner un post tipo "Pepito habla de los eventos aquí, ves a verlo", sino que se tratará más de análisis y crítica.

Review viene a ser en castellano una Reseña, pero la verdad es que el nombre en inglés me gusta mucho más y se entiende mejor en el mundillo tecnológico.

Trabajos

Cuando empecé el blog no era mi intención poner trabajos que hago en mi empresa, pero pensándolo mejor no está de más compartir esta parte, y a final de año me servirá para hacer una valoración y ver si estoy satisfecho con lo que he ido sacando.

Además, estoy con un par de desarrollos en AIR que me motivan mucho, y quizá más adelante pueda ir comentando sobre ellos.

Utilidades

Aquí englobaré programas, frameworks y clases que considero imprescindibles en mi día a día. En esta categoría compartiré también mis clases propias, por si fueran de utilidad a alguien.

Pronto empezaré a rellenar estas secciones, aunque intentaré no descuidar los artículos ni los experimentos :)
Y hablando de no descuidar, estoy a medias con la tercera parte de Jugando con pixels. Espero tenerlo acabado para finales de semana.