Category Archives: Masterclass

Emmet.io, HTML y CSS a la velocidad de la luz

¿Por qué andar si puedes volar?

Emmet es el nuevo kit de plugins (actualización de Zen Coding), que hará que vueles con el código. ¿Usas HTML y CSS en tu día a día? ¿Sí?  pues Emmet es tu nuevo amigo. No lo dudes y dedícale 1 minuto para instalarlo y  5 para hacer tus pruebitas. Después de eso no lo vas a porder soltar. Verás que con unas abreviaturas y una sintaxis muy sencilla e intuitiva podrás generar código HTML como si tus dedos no tocaran el teclado.

La teoría la tienes en el siguiente vídeo emitido el 13 de noviembre pasado, que explica los fundamentos de Emmet paso a paso y de una forma bastante clara:

En este enlace tienes la presentación online: http://www.naknak.me/emmet

La experiencia

Después de la presentación de Zen Coding en #tapcoders tuve la propuesta de presentarlo para desarrolloweb.com en uno de sus programas de #devIO, y yo encantada, cómo no. A falta de dos semanas de la charla, un tweet comentaba que Zen Coding se había actualizado y que de hecho había cambiado hasta de nombre. Alerta, Alerta!!! Había que actualizarse. Estudiar, practicar y  preparar la nueva presentación. Cómo siempre de reto en reto. Las horas de los fines de semana siguientes se me fueron en la biblioteca y el resultado es esta presentación. Espero que os guste y que sobre todo os sea muy útil, como lo ha sido para mí.

Zen Coding hará que vueles con el HTML y CSS

Esta semana pasada he tenido el placer de impartir una master class en @tapquo sobre Zen Coding dentro de las sesiones de #tapCoders.

Suena muy bien eso del Zen, muy relajante y new age, pero  ¿qué es el Zen Coding?

Es un método de abreviaturas que te permite volar con el código HTML y CSS. ¿Qué desarrollador@ web tiene todo el tiempo del mundo para trabajar en su web tranquilamente y pulirla y pulirla hasta que queda satisfech@?  Siempre andamos  con las deadlines torturándonos y esa es la dura realidad.  Queremos volar con el teclado para que las manos vayan a la velocidad de nuestro cerebro, pero no siempre lo conseguimos.

¿Por qué? Porque para escribir  una lista de dos líneas tenemos que poner:

<div class=”item”>

    <ul>

        <li>First item</li>

        <li>Second</li>

    </ul>

</div>

Abrir, cerrar, no te olvides de las comillas, de cerrar la ul… un trabajo mecánico que nos hace perder el foco donde tiene que estar: en el propio desarrollo.

Pues el Zen Coding viene a solucionarnos este tema porque ahora div.item>ul>li*2 se convertirá en esa lista en un abrir y cerrar de ojos.

¿Quieres saber más? Aquí tienes el enlace de la presentación de la master class y conviértete en un maestro Zen del front-end.

Esta sesión fue la inauguración de #tapCoders, una iniciativa para la continua formación y actualización de desarrolladores web que comparten sus conocimientos con la comunidad. Felicito al equipo de tapquo por su iniciativa. Por mi parte sólo me queda agradecer que contaran conmigo, ya que ha sido una experiencia muy positiva para mí. Contad conmigo cuando queráis: Compartir es el camino.

Foto: @sormenpills

Todo empezó con un tweet: Hackathon Windows 8

Megathon Windows 8 de Bilbao

Todo empezó con un tweet… jajajja. Hoy en día parece que twittear un artículo interesante u opinar sobre algo te convierte en un@ sabi@ del tema. El “problema” viene cuando te dicen: eso está muy bien, ¿serías capaz de explicarlo en una charla? Ups… pues ¡por supuesto! Y claro, te pones a estudiar como si no hubiera un mañana, porque está claro que es distinto tener una opinión sobre algo a ser capaz de explicarlo de una manera medianamente profesional sobre un tema técnico. Y ahí que me encontré en el Megathon de Windows 8 de Bilbao, dando la charla sobre el diseño de aplicaciones Windows 8. Todo un reto. Me entusiasma encontrarme con gente que cree en la gente y confía en que lo vas a hacer bien. No hay mejor motivación que ver que los demás piensan que eres capaz.

Y así, como quien no quiere la cosa, nos pasamos tres días inmersos en charlas de formación y diseñando/programando nuestras aplicaciones. Una experiencia para repetir.

Os dejo el enlace de la charla que di ese día.

Siendo consciente de que no todos hemos nacido para “convencer” a las masas, aquí estoy yo, con mis pequeñas propuestas de colaboración, con la cabeza llena de ideas e interrogantes. Buscar los propios límites nunca es fácil, porque sabes que si los encuentras llegará la frustración y un golpe con la realidad, pero como ahora está de moda decir: hay que intentar salir de tu zona de confort. Y en ello estoy.

Fotos: Blog de Josue Yeray: http://geeks.ms/blogs/jyeray/archive/2012/09/11/evento-hackathon-windows-8-en-bilbao.aspx y @asiermarkes