Archive for June2012

Diseño para programadores, extended version:

Diseño para programadores, extended version:

Bueno amigos, escribo este post mientras viajo en AVE a Madrid para coger un vuelo a Dublin. Pero eso será otra historia...

En primer lugar quiero aclarar, que en contra de lo que planteaba en mi post inaugural del blog, he llegado a la conclusión de que algunos post como este, no tienen demasiado sentido en inglés y por tanto van a convivir post en inglés con alguno en la lengua de Cervantes. Ya que este blog no es nada serio, sino que me lo tomo como un aprendizaje y una forma más de experimentar más, creo que me lo puedo permitir. Para los que anden buscando un blog más serio y sesudo, lo siento, les aviso que se han equivocado de sitio.

Quiero comentar también, que aunque por el momento no podáis comentar los post, la idea es activarlos lo antes posible, pero como se trata de un problema de mi platilla y necesito sacar media horita para solucionarlo. A la mayor brevedad podréis comentar, lo prometo públicamente y sino que me cuelguen en plaza pública.

Congreso Web Zaragoza 2012

Hoy acabo de impartir una charla-taller foo en el estupendo CWZ 2012, el cual al final ha quedado sólo en charla. Que le vamos a hacer, me he comido el tiempo y la parte práctica, ha quedado en el tintero.

Quiero dar las gracias a Pedro y Miguel Angel, por haber invintado a un "mindundi" como yo. (El copyright de este termino es del gran David Bonilla ).

Y sobre todo, quiero daos las gracias a todos vosotros (los asistentes) porque me he sentido muy a gusto compartiendo cosillas con vosotros, y creo que eso se me ha notado. Verdaderamente me he sentido como pez en el agua y os he notado un gran interés, demasiado quizás en algún caso. (Luego voy con eso).
Daos las gracias también por los Tweets de felicitación que he recibido. Es muy gratificante, en serio.

Os pido disculpas si no he sabido gestionar el tiempo, las intervenciones y preguntas. Quizás visto en perspectiva debería haberos pedido dejarlas para el final y poder explicar toda la parte teórica de seguido. De hecho, ha sido una de los temas comentados por Twitter. Yo creo que esto se debe en gran parte a que no me gusta ir de gurú de nada, y sólo pretendo devolver a la comunidad lo mucho que he aprendido de ella. En serio, con toda la humildad de la que soy capáz. Es por ello que me encanta la participación de los asistentes y sus aportaciones enriquecedoras. Pero seguramente me he pasado, y esto ha roto en parte el ritmo de la charla. Lo siento chicos, tomo nota y prometo aprender.

Y para compensaos, he pensado crear un minitutorial o receta de "todo a cien", que nos os deje con el "Bien, ¿y ahora que? ¿Por donde empiezo?".
Dicho tutorial, tendré que dividirlo en varias entregas, para que no resulte un "ladrillo". Y de entrada para ir calentando motores y que os vayáis preparando para el "reto", Os pondré unos "pequeños" deberes.
Y sí, habéis leído bien, "reto", porque para todos vosotros pienso convocar un mini-concurso. Pero bueno, esto ya os lo iré comunicando, que de momento tan sólo es una idea loca de las mías y tendré que concretarla.

¿A que si? ¿A que ya os he dejado con la mosca detrás de la oreja?

Y ahí van los deberes de esta primera entrega:

1.- Haceos con uno de los siguientes programas, el que más os guste y comodo os resulte (Photoshop, Firewoks, Illustrator, Pixelmator (sólo para OS X) o Gimp). Mi favorito para diseño web es Fireworks. La mayoría usa Photoshop. Pero básicamente lo que necesitáis es un programa de edición gráfica que os permita diseñar el "look and feel" de la maqueta que os he dejado de ejemplo, poder hacer recortes y exportárlos a formatos JPG, PNG y GIF, según las necesidades.

2.- Buscad tutoriales y screencast de esa herramienta y gastad alguna horita en aprender su manejo, aún que sea a un nivel muy básico. No os voy a dejar links, sencillamente porque no los conozco y Google hará un trabajo mejor que yo. Cuando estén activos los comentarios, vosotros mismos podéis poner aquí los links que os parezcan interesantes de compartir.

3.- Una vez os sintáis un pelín cómodos, comenzad a jugar con el diseño de la maqueta. Recordad los puntos clave y herramientas de la charla. Os pondré aquí el link a Slideshare, una vez lo suba. Tan sólo trastead y jugad, no os pido más por el momento.

4.- Si quereís y os sobra tiempo trastead también con la maqueta en HTML. Comenzad a conocer el framework "Foundation" de ZURB. Como veréis la documentación es muy completa y con ejemplos de todo para llegar, copiar y pegar el código.

5.- Los que no conocéis CSS en profundidad. Hay un estupendo libro, en español y grátis en librosweb.es, os lo recomiendo. También hay cantidad de tutoriales y screencast en la red. Pero eso no hace falta ni decirlo.

Y para todo el que quiera ir al grano y aprender de una forma muy rápida, fácil y divertida cualquiera de estos temas, existe una web de formación en inglés, Treehouse, con la que yo he aprendido muchísimo de CSS, CSS3, HTML5, jQuery, Javascript, etc. Es de pago, $20/mes, pero os aseguro que merece la pena y no me llevo comisión. Aunque si os inscribís muchos, tendré que reclamarla.

Bueno, y esos es todo por esta entrega. No os quejaréis, tarea hay de sobra, ¿no?

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR