Babel, el Javascript del futuro, hoy.

Babel –antes llamado 6to5– es un traspiler, o sea una herramienta que te permite escribir tu código usando muchas de las novedades en ES6 y produce código compatible con ES5, el cual es soportado por la mayoría de los navegadores modernos.

Para los que no saben, ECMAScript 6 (o solo ES6, para los cuates) es el nombre de la siguiente versión estandarizada de JavaScript, la cual añade un gran número de mejoras que nos facilitarán la vida a quienes pasamos la mayor parte del día escribiendo en este lenguaje.

Personalmente he estado usando Babel en mis últimos proyectos y me estoy (mal) acostumbrado muy rápido a las nuevas bondades sintácticas. Es perfecto para usarse en conjunto con Browserify y React.

Si eres un front-end, tienes que mirarlo de ya.

Necesitas saber CoffeeScript

CoffeeScript es un pequeño y bonito lenguaje de programación que compila en JavaScript creado por Jeremy Ashkenas, luego de leer este libro

Si conoces bien JavaScript no te costará nada de trabajo aprender CoffeeScript y muy probablemente agradecerás lo elegante y simple de su sintáxis, la cual se inspira mucho en Ruby o Python. Pero CoffeeScript no se trata solo de quitar parentesis y corchetes a JavaScript, sino que el lenguaje incluye bondades como comprensiones y herencia pseudo-clásica. Además de que el código generado está tan optimizado no es de sorprender que a menudo el JavaScript resultante es mucho más eficiente que uno generado a pesar de seguir siendo bastante legible.

Habrá una inevitable y comprensible resistencia al cambio de parte de algunos desarrolladores, pero la importancia de CoffeeScript es evidente para cualquiera que esté prestando atención. Personalmente, empecé a experimentar con CoffeeScript a finales del 2010 y ahora se ha vuelta una herramienta indispensable en mi workflow.

Si los ejemplos en la documentación oficial no te bastan, el mejor recurso para aprender a entender CoffeeScript es el excelente tutorial de PeepCode.

Pequeño tip para que las imágenes quepan en el viewport del iPhone

Resulta que estoy haciendo una versión especial para el iPhone de un proyecto – que les anunciaré la próxima semana– y me topé con un problema: las imágenes cuyas dimensiones exceden el ancho de la pantalla aparecen mochas y sin ninguna forma de hacer scroll.

¿Les ha pasado? Están de suerte, pues descubrí una manera muy simple de solucionarlo con solo un poquito de jQuery.

Continue reading