Harp es la mejor herramienta para hacer sitios estáticos

Harp es una utilidad de línea de comando que facilita enormemente la creación de sitios estáticos. Si ya tienes instalado node.js y npm empezar a desarrollar con Harp es tan simple como instalarlo via npm:

$ npm install -g harp


Ultimamente he tenido que hacer muchos sitios estáticos y en diferentes grados de dificultad y he experimentado mucho con mi toolchain tratando de encontrar las herramientas que me ayudan a trabajar más cómodo y contento. Luego de probar diferentes combinaciones de (toma aire) grunt, gulp, browserify, codekit, livereload, http-server, broccoli, webpack, etcétera (¡uf!) estoy feliz de haberme topado con Harp que es super simple y más que suficiente en la mayoría de los casos.

En términos simples, Harp es dos cosas: Por un lado es un servidor web que ejecutas desde el directorio de tu proyecto y que ejecuta automáticamente varios lenguajes pre-procesadores de HTML, CSS y Javascript tales cómo HAML, Jade, Ejs, SASS, Less, Stylus y CofeeScript entre otros.

Por otro lado, Harp incluye una herramienta para exportar y compilar la salida de todos estos procesadores en HTML y JavaScript plano que puedes colgar en cualquier servidor que pueda servir HTML.

Así que si eres un desarrollador front-end y necesitas crear algunos sitios estáticos y no quieres complicaciones te recomiendo que le des una oportunidad a Harp antes de complicarte con las otras herramientas.

Color picker en HTML5

Hace poco necesitaba urgentemente un color-picker para un proyecto interno en Onswipe. Estuve a la caza de una implementación que fuera simple y flexible, pero todas las opciones que encontré eran demasiado complejas y pesadas1.

Al final me rendí y terminé diseñando y escribiendo mi propio componente.

color-picker2

Bueno, el caso es que acabo de darme cuenta de que versiones recientes de Chrome incluyen soporte nativo para el control de HTML5 <input type="color"> y me gusta mucho su implementación. Si están en la versión mas reciente de Chrome, pueden verlo en acción aqui abajo.

Solo lo he usado en MacOSX, donde no solo tiene el control una apariencia nativa, sino que utiliza el dialogo nativo del OS. Como es de esperarse, cuando el usuario selecciona un color este se propaga al atributo value del elemento <input>.

osx-picker

Hasta donde recuerdo, Windows no tiene un color-picker nativo, así que no tengo idea como funcioné. Si alguien sabe, comparta un pantallazo.

Hasta ahora es muy limitada la disponibilidad de implementaciones, pero si quieres puedes empezar a usar este control desde hoy para los usuarios que lo soporten y dejar que un polyfill se encargue de los demás pobres imberbes.





  1. El proyecto en cuestión está escrito en Ember.js, que no es precisamente amigable con componentes de terceros. Además que hubiera tenido que hacer muchos hacks para hacerlo compatible con el data-binding de Ember. 



Flechas, flechas, lleve sus flechas.

Arrrows surge de una idea tan buena y tan simple que hasta me molesta un poquito que no se me haya ocurrido a mí primero: Flechas. Flechas de variadas formas, tamaños y estilos en un paquete descargable que incluye pngs, vectores y fuentes (compatibles con @font-face).

arrrows

Si tienes un rato diseñando interfaces seguro que estarás mas que interesado en la idea de no tener que volver a diseñar una mugrosa flecha nunca más en tu vida.

Filepicker.io

Será que soy un flojonazo, pero a la hora de programar una aplicación hay partes que me resultan sumamente aburridas. Una de ellas es añadir la capacidad de subir archivos, particularmente imágenes. Y es que no es solo cosa de poner un <input type="file"> y olvidarte. No. En estos tiempos hay que pensar en la seguridad, en tener una gran experiencia de usuario, en tener diferentes tamaños de cada imagen y, obviamente, subirlas a un CDN porque no puedes nomás dejarlas en tu servidor de Dreamhost.

Pues me dio mucho gusto encontrarme con esta startup llamada Filepicker.io que hace una sola cosa, resolver el asunto de subir archivos, y lo hace de una manera excelente.

Mediante una API ridiculamente simple, puedes permitirle a tus usuarios subir archivos desde su computadora usando una moderna interfaz drag-and-drop. Pero eso es solo el principio, porque sin ningún esfuerzo extra de tu parte, Filepicker ofrece integración con Instagram, Dropbox y otro puño de servicios desde los cuales tu usuario podrá importar sus archivos.

Y cuando el usuario haya terminado, Filepicker.io sube los archivos a la cuenta de s3 que tu le digas y te regresa un permalink que tu ya sabrás como guardar en tu base de datos.

Ofrecen integración con una variedad de Frameworks, SDKs para aplicaciones móviles y un soporte verdaderamente estelar (No es que lo haya necesitado, pero el fundador me escribió personalmente para ver como me estaba yendo). No podría recomendar más este servicio. Si son desarrolladores tiene que darles por lo menos una oportunidad.

 

Codekit : Sass, Less, Coffeescript. La herramienta perfecta para el diseñador web moderno.

Hay dos herramientas que no tenía en mi utility belt hace apenas dos años y que ahora me parecen absolutamente indispensables: Sass y CoffeeScript. La primera para hacer más simple el desarrollo de CSS para grandes proyectos y la segunda para hacer JavaScript mas disfrutable.

Desde que las descubrí me he dedicado a pregonar de sus bondades a cuanto desarrollador esté dispuesto a escucharme (a menos que el pobre esté en un proyecto bajo mi cargo, en cuyo caso no tiene opción) y los más reticentes han sido hasta ahora los diseñadores. La verdad es que los diseñadores no se sienten tan comodos frente a la línea de comando

Aquí es donde entra Codekit. Un programa para MacOsX con una agradable interfaz de usuario que integra Sass, Less, Stylus y CofeeScript en una sola aplicación.

La aplicación es gratuita mientras se encuentra en fase beta y luego podrá ser adquirida por $10 en la Mac AppStore. Parece ser que vale la pena probarla.

Ahora con 100% más Typekit

Para este nuevo diseño quería una fuente serif para los textos de los posts, pero francamente estoy harto de Georgia y mucho más de Times New Roman. Casi estamos en 2012 —pensé— ¿cómo es posible que nuestras opciones tipográficas aun estén siendo definida por el mínimo común denominador de las fuentes pre-instaladas?

Entonces que me acuerdo de Typekit.

Para quien no conozca el servicio, Typekit se vale de la reciente adopción masiva de @font-face para ofrecer un catálogo de fuentes sobre demanda que es simple para el diseñador y satisfactorio para las foundries preocupadas por su propiedad intelectual.

Y no se si recientemente actualizaron sus precios o de repente me volví menos tacaño, pero el plan personal por 20 dólares anuales me ha parecido más que razonable. Y sé que si aun diseñara para clientes seguro el plan profesional lo contrataría sin dudarlo.

Hasta ahorita estoy satisfecho con el resultado. ¿Qué opinan ustedes?


Por cierto, gracias a su increíble equipo de soporte que muy pacientemente me ayudaron a resolver un problema con mi tarjeta de crédito. You guys are awesome.

El profesor que renuncia porque sus alumnos no saben escribir

El profesor Camilo Jímenez escribe las razones por las que renunció a su catedra en la universidad Javeriana (Colombia), luego que sus alumnos de la carrera de Comunicación Social no supieron escribir un párrafo.

Se trataba de condensar un texto de mayor extensión, es decir, un resumen, un resumen de un párrafo, en el que cada frase dijera algo significativo sobre el texto original, en el que se atendieran los más básicos mandatos del lenguaje escrito —ortografía, sintaxis— y se cuidaran las mínimas normas: claridad, economía, pertinencia. Si tenía ritmo y originalidad, mejor, pero no era una condición. Era solo componer un resumen de un párrafo sin errores vistosos. Y no pudieron.

Es un artículo tan deliciosamente escrito que no puedo sino pensar en el estúpido desperdicio que hicieron sus ex-alumnos y en cuanto quisiera yo poder escribir así.

Profesor Camilo, si lee esto y alguna vez considera dar clases a través de internet y enseñarnos a escribir a los bloggers amateurs por favor contácteme.

TextMate 2, Por fin.

Hoy se filtró una copia pre-alpha de TextMate 2, la secuela a mi editor de texto favorito. Yo no alcancé a ir por mi copia antes de que el autor la quitara, pero eso no me quita el gusto de ver los screenshots y pensar que el update está cerca.

TextMate no ha lanzado una versión mayor en 6 años, esta tiene que valer la pena.

Ronda de Links | Edición S.A. de C.V.

Estos son un montón de links que no dieron para un post completo, pero igual los quiero compartir con una narrativa forzada y así.

  1. En un ranking mundial, México está en el lugar número 51, debajo de Colombia, Puerto Rico y Chile en la categoría de facilidad para hacer negocios. En la categoría de facilidad para iniciar un negocio estamos en el lugar número 90.
  2. No tengo idea si ese ranking fue hecho antes o despues de que el gobierno mexicano facilitara este sitio para registrar tu empresa en línea. Los otrora trámites engorrosos (y costosos) se han simplificado mucho y en sólo 45 minutos puedes saber si el nombre de tu empresa está disponible.

    Enrique dice que el sitio ya tiene rato, pero yo apenas lo descubrí así que se los paso cual novedad.

  3. Hablando de cosas que el gobierno hace, me dio gusto enterarme que el Senado Mexicano aprobó unánimamente retirarse de las negociaciones de ese oscuro plan secreto de dominación mundial llamado ACTA.
  4. Otro menos oscuro plan de dominación mundial es el de conecti.ca, un blog de tecnología que se pone cada vez mejor que hizo un gran review de Úbicate, una util aplicación para no perderse en el metro de ciudad de México, perpetrada por Miel de Maple, un estudio de desarrollo que promete mucho.

3 razones para adquirir el Lean Startup Bundle

Aceptémoslo, esto de ser emprendedor no es cosa fácil. No es algo que nos enseñan en la escuela y en muchos casos ni siquiera es algo que nos inculquen en nuestras familias. Queremos aprender, experimentar, fallar pronto y recomenzar. Pero… ¿por donde comenzar?

Hace tiempo que les hablaba del concepto de Lean Startups una metodología que nos ayuda a minimizar los riesgos de iniciar una empresa y a maximizar las oportunidades de hacerla en grande. Ahora me urge presentarles el Lean Startup Bundle un paquete de productos de software y conocimiento invaluable a un precio de risa y por un tiempo super limitado.

Para cuando lean este post seguro que quedará muy poco tiempo para adquirirlo, así que para que no titubeen les digo mis 3 razones principales por las que deben adquirir este paquete.

1. El libro ‘The Entrepreneur’s Guide to Customer Development’

De nada sirve crear un producto que nadie quiere o necesita. Por más que tengas a los ingenieros más chidos del planeta y a un ejercito de social media experts los factores más importantes para el éxito siguen siendo: tener un producto que la gente quiera y a clientes que quieran tu producto.

Brant Cooper y Patrick Vlaskovits, los autores, saben su chamba y ponen mucho énfasis en explicar de una manera clara, directa, sin bs ni cursilería de autoayuda los conceptos teóricos que hacen falta saber para crear una startup exitosa.

Yo compre este libro hace un par de meses por $25 dolares (en formato e-book) y lo recomiendo 100%, pues he aprendido mucho de el.

2. Chargify (crédito de US$200)

Si has leído el libro Padre rico, Padre pobre ya sabes que el mejor tipo de negocio es el que te produce un ingreso recursivo y pasivo, como por ejemplo un módelo de suscripción.

Ya sea que estés programando el próximo Basecamp o un DropBox killer, es muy probable que vas a necesitar de software que maneje las subscripciones, que le cobre a los usuarios y que se haga bolas con los diferentes planes y configuraciones. Si tienes 2 millones de dolares de capital, por supuesto que puedes programarlo tu mismo pero si eres un emprendedor amateur como yo, lo que quieres hacer realmente es usar un servicio como Chargify que por una corta lana se encarga de eso por tí.

¿Cual es el beneficio de usar un servicio como Chargify? Pues que puedes experimentar con modelos de negocio y productos sin necesidad de invertir una millonada en infraestructura. Aquí les dejo una historia de alguien que ganó $1,450 (ganacias recurrentes) en su primer día usando Chargify. Poderosa, poderosa herramienta.

3. El libro de Eric Ries

Este es un gusto diferido. El libro será publicado hasta el próximo año, pero cuando se publiqué y se imprima te mandarán una copia hasta la puerta de tu casa en Tonalá, Jalisco o donde sea que vivas.

Ya se que da un poco de desconfianza pagar por algo que no disfrutarás en mucho tiempo, pero el riesgo seguro que lo vale: Eric Ries es el creador del concepto Lean Startups y un experimentado emprendedor que maneja con la misma destreza temas ñoños como continuous deployment, y temas de marketing y negocios. En lo que esperas, el paquete incluye todos los posts de su blog en un cómodo e-book.

Epílogo.

Hay otras cosas que destacar, pero no quiero alargar más este post. Hay mucho más material de aprendizaje incluido en el bundle que no he leído todavía y por lo tanto no puedo recomendar. GrassHopper y UserVoice son un par de servicios súper interesantes, pero probablemente no sean de tanta utilidad para empresas basadas en México.

De cualquier forma vale mucho la pena y si han leído hasta aquí es porque están interesados. A comprar el paquete antes de que se acabe