phantom

No es un problema desconocido el que los buscadores no son capaces de interpretar código JavaScript. O por lo menos no todo. Y esta no indexación por parte de los motores de búsqueda como Google hace mucho más difícil el posicionamiento web. Nuestra página no estará optimizada para el posicionamiento en los buscadores y esto es un problema si queremos que tenga visibilidad y presencia en Internet.

¿Qué pasa entonces si nuestro sitio web está construido mediante frameworks MVC tan utilizados como BackboneJS, AngularJS o EmberJS? Parte o la totalidad de los datos son cargados dinámicamente desde el servidor, generándose en el cliente el HTML correspondiente mediante plantillas. El problema es que nuestros datos están ocultos en estas plantillas y ni Google ni otros buscadores serán capaces de indexarlos.

La solución pasa por utilizar PhantomJS.

Read the rest of this entry »

git4

Uno de los sistemas de control de versiones distribuidos más utilizados es Git, siendo especialmente útil y eficiente para los desarrollos de código en los que participan más de una persona. Y el número de comandos que nos ofrece es realmente grande, siendo muchos de ellos desconocidos por la mayoría de los que lo utilizamos.

Por ello hemos recopilado algunos comandos que a nuestro juicio son muy interesantes y que nos pueden ayudar en el día a día en el desarrollo de cada uno de nuestros proyectos. Especialmente atractivo es el uso de branches o ramas, para introducir por ejemplo nuevas funcionalidades en nuestro código.

También os animamos a que compartáis en forma de comentario otros comandos que deberían estar en este listado, ya sea porque los utilicéis habitualmente o porque creáis que puedan ser de utilidad.

Read the rest of this entry »

cordova_bot

Programming a mobile app for different platforms can be now much easier with Apache Cordova. The reason is simple. Cordova is an open-source mobile development framework for developing mobile apps in more than one platform. This avoids you programming in each platform native language using technologies such as JavaScript, HMTL5 and CSS3.

Read the rest of this entry »

Hoy vamos a crear un plugin para jQuery, sencillo pero útil. El plugin transformará un input normal (<input type=”text” …>) en un control con un más y un menos para que sea más cómodo de usar en una pantalla táctil.

Vamos a pasar de esto:

A esto:

 
 

Read the rest of this entry »

apache

Si tenemos varios dominios servidos desde una misma máquina, una medida de seguridad recomendable es configurar un usuario diferente para cada uno de los dominios. Así, cualquier daño causado por una aplicación maligna o errónea, se reducirá sólo a ese dominio.

Suponiendo un sistema Debian con Apache y vhosts (sería similar con cualquier otro sistema operativo Linux), los pasos para conseguir esta configuración son los descritos a continuación.

Read the rest of this entry »

wordpress-1

Si estamos creando un tema personalizado en WordPress, quizá queramos mostrar sólo unos posts determinados en una zona concreta. Por ejemplo, podemos necesitar mostrar sólo los posts que consideremos importantes en la portada, o quizá tengamos un apartado lateral donde sólo nos interesan mostrar los posts que hablan de nuestra empresa, etc.

Hay varias soluciones, unas que son más sencillas y otras que, aunque más complejas, tiene mayor flexibilidad. Para que sea más fácil de entender, vamos a centrarnos en cómo hacerlo para los posts generados en el index, aunque es fácil trasladar la solución para un sidebar o cualquier otra sección de la web.

Read the rest of this entry »

twitter_alerts

Twitter is a wonderful service, but, until now, you have to subscribe to some websites to be alerted when a selected word (maybe your trademark) is tweeted. We’ll try to develop a service that filters the tweeter api, stores the interesting ones in our database, and show them in the browser in real time.

If you want to try it, watch it in action, grab the code or read on…

NOTE: Now you have to use https:// instead of http:// for it to work.

Read the rest of this entry »

The stylizatorWriting CSS is good fun, but analyzing an html document to find how the page is structured us, at the very least, tiring. If you have ever had to write CSS for a blog or CMS template, you already know how time-consuming is to find every ID and CLASS in a large document. We’re going to write a simple script that takes an HTML file as input and gives us two things:

  • First, some CSS and Javascript to generate a visual structure with all the names like the one that can be seen at the top image (and a javascript only version!!).
  • Second, a CSS file without any rules, but with every ID and class in the document.

Read the rest of this entry »

The final result

Sometimes I wish I could do things that were easily done with table-based layouts but quite hard using just CSS.
Following a couple of posts in a CSS related Spanish mailing list (Ovillo), a guy called Zafonic showed me how to use negative margins and positive paddings to make equal sized columns. With a couple javascript functions, I patched it to fill the full browser window. Let’s see how…
Update: Error in code solved. Thanks to the testers.

Read the rest of this entry »

Today, all the code for creating clickmaps has been uploaded to sourceforge and made public under a GPL license. You can find it at http://sourceforge.net/projects/clickmaps

Thanks to jerret, the code now uses RMagick calls and it’s usable with logs sporting more than ten thousand clicks per page.

top