Como crear un plugin sencillo para jquery
11 Apr2012
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:
Los botones sumarán o restarán del valor tantas unidades como le indiquemos, y tendremos también un máximo y un mínimo. De este modo, podemos limitar las opciones del usuario a las posibilidades que le demos. Podría servir, por ejemplo, para un selector de tallas.
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.
Read the rest of this entry »
Seleccionar qué posts mostrar en WordPress
22 Mar2011
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.
- In: Español|Programación|Wordpress
- Tags: wordpress
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.
- In: English|Programación|Twitter
- Tags: api, javascript, jquery, json, php, Twitter
Automatic CSS: The stylizator
20 Jun2007
Writing 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.
Let’s go:
Read the rest of this entry »
- In: CSS and Javascript|English
- Tags: css, javascript, perl
Three column layout with full page height
14 Jun2007
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 »
- In: CSS and Javascript|English
- Tags: css, html, javascript
Clickmaps in sourceforge
21 Aug2006
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.
The definitive heatmap
16 Aug2006
After the interest shown about the clickmaps / heatmaps articles, I’ve decided to gather all the information into an easy to use system. What we are going to make is a complete solution that allows collecting, analyzing and showing the click information our users give us. Now, it works in web pages not center aligned and is quite a bit more robust. Read on… Read the rest of this entry »
- In: English|Usability
- Tags: heatmaps, javascript, ruby
How to make heat maps
6 Aug2006
NOTE: This post has been improved at The definitive heatmap
There is not much documentation about creating heat maps. I haven’t been able to find an open source solution that, giving the coordinates, creates a heat map like those shown in Etre blog
In the last post (part 1, part 2) we got a list of click positions in a web page, but the result is easy to improve.
Zero budget eye tracking. Clickmaps part 2
30 Jul2006
In the first part of Zero budget eye tracking, we wrote a small script to keep track of the clicks in a web page. A couple of days after, we already have some information to analyze. Keep on reading to know how… Read the rest of this entry »
- In: English|Usability
- Tags: heatmaps, javascript, perl