Si quieren quedar bien con estos hipster y early-adopters con dinero que son los usuarios de iPad, les recomiendo que compren el plugin y lo instalen en su sitio. Pero corran antes de que se acaben.

Fue hace poco más de un mes qué Andres y Jason me mostraron la idea y me invitaron a formar parte de este proyecto al que simplemente no me pude negar. Muchas horas de desarrollo y miles de líneas de código después puedo decir que ésta ha sido una de las experiencias más gratificantes en mi carrera como diseñador/desarrollador web.

Las tecnologías involucradas son lo último y lo más avanzado en diseño web basado en estándares: HTML5, CSS3 y Javascript. Es dificil de creer todo lo que es posible hacer cuando tienes permiso de ignorar por completo a Internet Explorer. Es sorprendente.

Aprendí muchísimo con éste proyecto y aunque me falta el tiempo necesario para hacer todos los tutoriales, screencasts, conferencias online, etc. que quisiera, me gustaría compartir algo de lo que aprendí con ustedes. Así que pueden preguntar lo que quieran sobre el desarrollo de PadPressed en los comentarios de este post y prometo que haré mi mejor esfuerzo por responder.

Por cierto, si quieren darse una idea de como se ve PadPressed, pueden visitar este humilde sitio desde una iPad o desde Safari 4 cambiando su User Agent.

Hoy Laura anunciaba en el blog de Tequila Valley a Cuponzote, un nuevo emprendimiento de mexicanos que entra a competir en el segmento de cupones grupales en línea. Cito del post en cuestión, pero el énfasis es mío:

• Ofrece un descuento diario que por lo general va de 40% hasta 90% de descuento
• Los grandes descuentos se pueden ofrecer ya que Cuponzote.com garantiza un mínimo de clientes a los comercios anunciados
• Si el mínimo no es alcanzado entonces la oferta no se hace válida y no se cobra nada a nadie “éste se activa sólo si lo pide una cantidad mínima preestablecida de personas”
• Para los consumidores, es una oportunidad de encontrar cosas nuevas qué hacer en su ciudad a un precio que te anime a explorar y salir de la rutina
• Para los comercios, es una gran opción de marketing por internet por el bajo riesgo y su efectividad
• El sitio está basado en sitios similares que han sido un gran éxito en el último año en Estados Unidos y Europa

La historia de Groupon[1] es verdaderamente interesante, Andrew Mason de la nada se topó casi por accidente con un modelo de negocios innovador y revolucionario que transformó en una gran empresa valuada actualmente en 1,350 millones de dolares que está expandiéndose por todo el mundo. Para muestra la reciente compra que hicieron de ClanDescuento, que era de por sí un clon de Groupon desde Chile para latinoamerica.

Hablando de ClanDescuento, era obvio que habiendo tanto interés y tanto dinero en esta categoría rápidamente salieran clones por todos lados algunos más descarados que otros. De hecho, el mismo principio de escasez (solo se presenta una oferta por día, por ciudad) que hace a Groupon tan atractivo alienta que existan alternativas puesto que hay más clientes de los que la empresa puede atender (Como el mismo Andrew lo declaró en una entrevista con Jason Calacanis).

Con lo que regresamos al punto inicial. ¿Cual es el problema de Cuponzote? Miren la imagen a continuación:

Si notan la similitud se ganan una galletita. [2]

El problema no es que se hayan inspirado en la idea de Groupon, sino que es una copia descarada o, como decimos en México, un fusil. Mencioné el asunto en Twitter y ésta fue su respuesta

Veo todo este asunto problemático en varios niveles:

1. El diseño de un sitio es propiedad intelectual de su autor y un rip-off de esta magnitud es cuando menos inmoral y poco ético si no es que ilegal.


2. Este fusil demuestra que en Cuponzote tienen poco o nada de respeto por el diseño, los diseñadores y su trabajo y, amigos míos, esa es una terrible manera de iniciar una empresa.


3. La noción de que está bien por que unos rusos y otros chinos lo hacen es b.s.


4. Por último, no va a faltar quien saque la carta de que hay que apoyarlos porque son paisanos y hasta habrá quien mencione la fábula de los cangrejos mexinacos que se jalaban unos a otros. Esas son tonterías nacionalistas, hay que apoyar los buenos proyectos mexicanos o de donde sean. Punto.

Pero bueno, no todo va a ser negatividad.

Parece ser que los de Cuponzote son buenos vendedores y ya tienen su proyecto andando. Además su dominio es buenísimo. Se que mi opinión probablemente no les importa, pero si me preguntaran como solucionar este entuerto, estos son los consejos que yo les daría:

1. Reconozcan que la regaron.


2. Contraten a un diseñador web decente (lo siento, yo estoy ocupado los próximos dos meses) y a un gran diseñador de logotipos ( los mejores que conozco tienden a llamarse Rubén ) que les haga un diseño que le patee el trasero al de Groupon (no es tan dificil, la verdad)


3. Tengan el mejor producto, no solo el mejor producto mexicano. Veo que los perfiles de los cofundadores no es técnico, quizá necesiten a un gran ingeniero en el equipo.

Y eso es todo. Paz y baile.

Notas:
[1] Si quieren saber más de la historia de Groupon, les recomiendo escuchar o ver al fundador siendo entrevistado en los siguientes podcast:

• The Web 2.0 Show


• Mixergy


• This Week in Startups

En un post anterior, les platiqué de mis eternos problemas para insertar snippets de código en este humilde blog. En aquella ocasión había llegado a la conclusión que Gist era la herramienta perfecta pero la verdad es que tiene un defecto: el código no se ve en el feed.

Así que se me ocurrió que no era necesario para nada escribir el código “a mano” en el post (lo cual apesta) sino que es más fácil subirlo WordPress, adjuntarlo al post y luego usar un plugin para colorear el código. Y aqui les presento éste plugin.

Bueno, lo presento despues del salto.

CodeHere funciona de esta manera:

1. Instalas el plugin.


2. Creas tu código de ejemplo en un archivo en tu editor de código favorito.


3. Lo adjuntas a tu post usando el dialogo “Upload/Insert” (el mismo que usas para adjuntar fotos) pero no insertas nada, solo copias el nombre del archivo.


4. Lo insertas en tu post mediante un sencillo shortcode: [codehere].

Así que suponiendo que subes un archivo llamado html5.html, lo insertarás en tú codigo escribiendo lo siguiente

Y el resultado será el siguiente:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<!DOCTYPE HTML>
<html lang="en-EN">
<head>
    <title>This is an HTML5 document</title>
    <meta charset="UTF-8">
</head>
<body>
    <header>
        <h1>With a header</h1>
    </header>
    <section>
        And a section
    </section>        
</body>
</html>

<!DOCTYPE HTML>
<html lang="en-EN">
<head>
	<title>This is an HTML5 document</title>
	<meta charset="UTF-8">
</head>
<body>
	<header>
		<h1>With a header</h1>
	</header>
	<section>
		And a section
	</section>		
</body>
</html>

Puedes tambien hacerlo mismo con css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

.codehere p{
    text-align:right;
    margin:0;
    font-size:11px;
}
 
.hl-main {
    font-size:12px;
    font-family:Monaco, Andale mono, courier, monospace;
    line-height:18px;
    background:#234;
    overflow:auto;
}
 
.hl-default {
    color: #fff;
}

.codehere p{
	text-align:right;
	margin:0;
	font-size:11px;
}

.hl-main {
	font-size:12px;
	font-family:Monaco, Andale mono, courier, monospace;
	line-height:18px;
	background:#234;
	overflow:auto;
}

.hl-default {
    color: #fff;
}

Y hasta ruby

1
2
3
4
5
6
7
8
9

get '/say/*/to/*' do
  # matches /say/hello/to/world
  params[:splat] # => ["hello", "world"]
end
 
get '/download/*.*' do
  # matches /download/path/to/file.xml
  params[:splat] # => ["path/to/file", "xml"]
end

get '/say/*/to/*' do
  # matches /say/hello/to/world
  params[:splat] # => ["hello", "world"]
end

get '/download/*.*' do
  # matches /download/path/to/file.xml
  params[:splat] # => ["path/to/file", "xml"]
end

En este último caso, WordPress no permite subir archivos con extensión .rb (imagino que por cuestiones de seguridad) en este caso, el archivo tiene una extensión .rb.txt pero la parte de txt la ignoraremos en nuestro código.

El plugin está alojado en GitHub y pueden descrgarlo la última versión desde aquí.

Si les es de utilidad alguna, un enlace siempre se agradece.

Adobe Flash es una pieza absolutamente fundamental, nos guste o no (a mi no me gusta), de la web en el mundo real. En la web onírica del mundo alterno de Steve Jobs, sin embargo, Flash no existe, solo es un solitario lego azul abandonado en el rincón de algunas páginas.

¿Cual es la respuesta de Apple a la ausencia de Flash en su iPad? ¡Nadie necesita apestosos plugins propietarios! ¡Usemos HTML5! ¡Usemos estándares abiertos! ¡Abrazo grupal! 1

Esto, ha llevado a la inevitable pregunta: ¿HTML5 va a matar finalmente a Flash? y esa pregunta a incontables artículos, análisis y comparaciones entre ambas tecnologías.

En primer lugar creo que el término HTML5 está sufriendo el mismo problema que los términos AJAX, Web2.0 y Cloud Computing, que consiste en que gente sin idea de lo que está hablando le pone el término de moda a las cosas que no entiende. De la misma manera en que todavía algunos usan “Ajax” cuando quieren decir “Javascript”, vamos a ver mucho “HTML5” para referirse al conjunto de HTML5+CSS3+JS, y casi siempre acompañado de “sin Flash” en el mismo párrafo.

Por cierto, si no saben qué es exactamente HTML5, no se preocupen. Pueden ver el video de mi conferencia gratuita HTML5 para principiantes para que se den una idea.

Segundo, hay que entender es que el conjunto de HTML5, CSS3 y EcmaScript (que en adelante llamaremos Open Web) son sólo especificaciones, por lo que lo justo en este caso sería compararlos contra SWF y Action Script pero, vamos, que eso sería muy aburrido.

Cuando hablamos de especificaciones lo que realmente cuenta es la implementación, por lo tanto lo justo sería comparar Flash contra una implementación de Open Web como Gecko, el motor de de rendereo de Firefox o Webkit, el motor de Safari ( además de Google Chrome y lo que se añada esta semana).

Es importante hacer un alto para meditar en las diferencias de fondo entre Webkit y Gecko, las dos principales implementaciones de Open Web. Mozilla, quien está detrás de Firefox, es una fundación cuyo principal interés es mantener la web libre y abierta (cómo se ha demostrado en su posición respecto a h.264 como formato de video en la HTML5). Webkit, por otro lado, tiene detrás a Apple y a Google, enormes compañías que tienen sus propias razones para apoyar las tecnologías de la OpenWeb. Razones que tienen poco o nada que ver con el idealismo.

Ahora, regresando al punto inicial, lo que yo creo es que la verdadera batalla no es HTML5 vs. Flash, ni tampoco entre estándares abiertos vs. formatos propietarios, sino entre Webkit y Flash. Creo, sin lugar a dudas, que actualmente Webkit es la mejor implementación de Open Web existente. No es de sorprender, teniendo a las compañías que tiene detrás dedicándole recursos, así tenía que suceder.

Desarrollar actualmente usando HTML5 y CSS3 para el escritorio no tiene mucho sentido puesto que Internet Explorer sigue siendo el navegador más utilizado; por eso los que quieren desarrollar aplicaciones y experiencias enriquecidas optan por Flash que tiene una base instalada de usuarios gigante. Sin embargo la web móvil es el futuro y casi todas las plataformas móviles incluyendo iPhone OS, Android, WebOS, ChromeOS y Blackberry tienen o tendrán soporte para Webkit de fábrica.

Es cierto que HTML5/WebKit no ofrece todo lo que ofrece Flash hoy en día, pero pronto lo va a tener. En realidad no importa si está en la especificación de HTML5 o no (es triste, pero los estandartístas tenemos que reconocer que la W3C es un organismo demasiado burocrático y lento). Webkit implementará lo que haga falta. Despues de todo, HTML5 es una retroespecificación masiva.

¿Ustedes que piensan?

1 Puede ser que haya parafraseado un poco aquí.

Lean Startups es un movimiento con el que me topé a finales del año pasado, que no ha dejado de rondar por mi cabeza y que poco a poco va cambiando la manera en que abordo mis intentos por ser un entrepreneur.

El concepto de Lean Startups fue acuñado por Eric Ries pero ha sido bien recibida por una creciente comunidad que sigue aportando ideas para desenmarañar el secreto de un startup exitoso.

Estos son algunos conceptos de los que evolucionó el movimiento de lean startups:

• Lean manufacturing que habla de reducir los desperdicios en la producción.
  


• Agile development que propone el desarrollo de software enfocado en resultados (entre otras cosas);
  


• Experiment driven development, y Split-testing que basan el desarrollo en los datos obtenidos de experimentos y pruebas del comportamiento de los usuarios.
  


• Customer Development, basicamente una metodología para saber si existen clientes para tu producto o servicio antes de siquiera empezar a desarrollarlo.
  

Algunas ideas que tenemos como prerequisitos para emprender no tienen lugar en una lean startup, tales como la búsqueda de capital, los planes de negocio y los grandes presupuestos de marketing. Por el contrario, aboga por comenzar con el mínimo producto viable (MVP) e iterar constantemente, basado en el feedback de tus usuarios, hasta tener un producto exitoso.

No es fácil ajustar nuestra mentalidad a pensar como una lean startup, personalmente, he cometido muchas veces el error de gastar demasiado tiempo y dinero en un proyecto que simplemente no despega como se esperaba. Ahora mis nuevos proyectos los estoy abordando así, probando el mercado y afinando la idea antes de invertir demasiados recursos.

Creo que esta filosofía tiene un valor especialmente importante en México (y latinoamérica ) donde aún no tenemos un buen ecosistema de inversión (VCs y Angel Investors) y por lo tanto soñar con fundar grandes empresas de las que leemos diario en TechCrunch es un poco engañarnos a nosotros mismos.

Sorprendentemente, no he encontrado información al respecto en español, así que me toca empezar a mí. Lo hago porque creo firmemente que siguiendo estas técnicas y consejos es posible crear proyectos rentables y exitosos desde nuestro rincón del mundo.

A continuación, les dejo algunas presentaciones (en inglés) valiosas respecto al tema en cuestión.

Si eres un desarrollador de themes o plugins para WordPress o simplemente tienes un espiritu aventurero y quieres estar probando la versión de desarrollo de este popular CMS, te voy a recomendar un plugin que te hará la vida más fácil.

WordPress beta tester es un plugin que, una vez activado, actualizará periódicamente tu instalación a la última versión estable de desarrollo o si lo prefieres, al último nightly build.

Yo lo instalé para darle una revisada al próximo WP 3.0 y ver que los temas de Duperrific funcionen como se debe. Esta siguiente versión, que se espera sea liberada en mayo, tiene interesantes nuevas características como un constructor de menús y tipos de contenido personalizados, además de la anunciada integración con WPMU.

Solo por precaución, hace falta aclarar que instalar este plugin en un sitio en producción es una terrible idea. No lo hagas por favor.

Descargar WordPress Beta Tester ↓

Un artículo sobre como generar ideas para emprender, por su servidor, de invitado en Emprende.la

Creo que le debo una explicación a mi audiencia: La semana pasada durante la transmisión en vivo de la conferencia antes anunciada experimenté una serie de problemas técnicos que finalmente hicieron imposible que ésta se llevara a cabo con éxito.

No está de más decir que fue una fuente de frustración personal, puesto que llevaba casi mes y medio preparando todo para ese día y me daba mucha pena con las casi 200 personas que llegaron a estar viendo el evento en vivo.

Pero bueno, creo que en lo que resuelvo estos problemas técnicos, lo más indicado es entregar lo prometido. Así que grabe de manera offline la conferencia y aqui está para todos ustedes.

Si quieren/necesitan las “diapositivas” de la presentación o el código de ejemplo, pueden obtenerlo desde el sitio de Duperconf

Les presento Duperconf, mi más reciente proyecto. Se trata de un sitio bajo el cual vamos a ofrecer conferencias-talleres en línea de alta calidad y especialmente dirigidos a desarrolladores web.

La primera conferencia HTML5 para principiantes será impartida el próximo lunes 22 de febrero. Se trata una conferencia-taller de hora y media completamente gratuita (pero con cupo limitado) y completamente en la nube.

Hice un soft-launch el fin de semana solamente en Twitter y la recepción ha sido impresionante: más de 50 registrados. Originalmente había limitado el cupo a 40 personas, pero acabo de abrir 40 lugares más.

Ya tengo programadas otras conferencias sobre temas más avanzados como CSS3, Cómo diseñar temas para WordPress, SEO, jQuery, Desarrollo web para iPhone, etc.

Si tienen dudas o comentarios, o si quieren ser patrocinadores de alguna conferencia, o si quieren impartir una conferencia en un futuro, pueden usar esta forma de contacto y decirme lo que quieran.