http://martin.com.uy/wp-content/themes/martinuy2/live/proxy.php?url_especifica=
0
5
Mar
2012

Paginación vertical: una nueva tendencia en el diseño web

paginacion vertical

La paginación vertical en el campo del diseño web es una nueva tendencia. El primer sitio que vi implementarla fue Google Images. Casi en simultáneo apareció en Facebook y Twitter.

El concepto es sencillo: en lugar de avanzar de página y sustituir a la anterior (en el contenido que se este visualizando: texto, imágenes, audio, etc.), se anexa la nueva página en vertical. Al avanzar múltiples veces de página, nos queda en la pantalla una página infinitamente alta, que se fue cargando en etapas.

El siguiente paso que dieron los grandes sitios en este concepto fue evitar que el usuario deba hacer click para avanzar: al llegar al final de la página con el navegador, se asume que el usuario desea seguir y se carga de forma automática la nueva página.

Como me gustó la idea -la primera, no la de automatizar-, decidí implementarla en los módulos Notes, Blogs, Images y Audio de Live!. Está hecho en Javascript, jQuery (adaptando el plugin Pagination) y Ajax. Los invito a probarlo 🙂

4
# 1
2
Mar
2012

Insertar tags html en textarea con jQuery y Javascript

insertar tags en textarea

Al diseñar un espacio dentro de una web en el que el usuario deba ingresar una cantidad media o alta de texto (cuadro de texto o textarea), debemos darle la posibilidad de insertar tags html, bbcode, etc. utilizando botones.

Nos referimos por ejemplo a un cuadro de texto para escribir un artículo en un blog, escribir un mensaje en un foro o enviar un mail. El impacto de usabilidad que se logra es muy alto.

A su vez, existen dos modalidades para la inserción de tags:

  • Insertar un tag en el lugar en que está posicionado el cursor –tag de apertura o cierre según corresponda-, o
  • Seleccionar un fragmento del texto e insertar el tag de forma envolvente.

El editor más popular y completo que conozco para lograr esto es TinyMCE. Sin embargo, en algunas ocasiones podemos necesitar algo más liviano o personalizable, donde tener mayor control funcional y de diseño.

Leer el resto del artículo »

3
16
Feb
2011

Simple Contact Form 0.0.2

Quiero compartir con ustedes una nueva versión de Simple Contact Form (0.0.2). Este plugin para WordPress brinda un formulario de contacto AJAX como el que pueden ver aquí.

En esta versión corregí un bug que impedía el envío de URLs a través de Javascript e incorporé la librería JQuery para realizar las llamadas AJAX.

Advierto que es muy básico, pero hace lo que tiene que hacer -o al menos lo que yo esperaría de un formulario de contacto-.

Descargar aquí.

Licenciado bajo GPL. Si quieren modificarlo o mejorarlo, haganlo y compartan!. Se agradece mantener los créditos originales en el source.

1
30
Nov
2010

Beanstalk: repositorio Git privado y gratis

Aquellos que tuvieron necesidad de trabajar con un grupo de gente en un proyecto saben el problema que se genera enviando los documentos por mail, duplicando la información, creando versiones separadas y uniéndolas. Para organizar todo eso existe el software de Control de Versionado. Entre los más populares se encuentran SVN y Git, ambos libres.

Git se puede utilizar de forma distribuída (cada uno tiene una copia entera del repositorio) o centralizado, al estilo SVN. Fue desarrollado por Linus Torvalds y entre los proyectos más importantes que gestiona está el kernel Linux.

Hay en Internet varios servicios que proveen estas herramientas online de forma gratuita. El problema es que casi todas ellas están orientadas a software libre y por lo tanto los repositorios son abiertos. Para un trabajo de facultad, por ejemplo, no está muy bueno. Los servicios que permiten repositorios privados son en general pagos.

Beanstalk es un servicio de estos que ofrece una “free account” para proyectos de pequeño porte. Tenemos 1 usuario, 1 repositorio privado, 100 Mb de espacio, acceso por ssh (con claves pública/privada), una interfaz agradable y podemos elegir entre Git o SVN. ¡Lo probé con Git y está muy bueno!

Leer el resto del artículo »

0
28
Nov
2010

Generación de números aleatorios en C

Generación de números aleatorios en C:

#include <stdio .h>
#include <stdlib .h>
#include <time .h>
 
int main(int argc, char* argv[])
{
      int i;
      long numero;
      srand(time(NULL));
 
      for(i = 0; i < 100; i++){
            numero = rand();
            printf("%li\n", numero);	
      }
      return 0;
}


Leer el resto del artículo »

0
20
Jul
2010

Instalar Gentoo Linux en VMware Workstation

install gentoo 10 in vmware workstation

Ayer terminé de instalar Gentoo en una máquina virtual VMware Workstation. Para los que no conozcan, Gentoo es diferente a la mayoría de las distros en el sentido de que no trabaja por defecto con paquetes precompilados. En su lugar, se descarga el source del repositorio y se compila en el momento según las directrices especificadas.

Se deduce de esto la cantidad de tiempo que lleva instalar algo, el nivel de dificultad para usuarios nuevos y la posibilidad de compilar programas sin determinadas funciones. Además, estamos hablando de una distribución rolling release, que está actualizando el software a su última versión continuamente. Como contrapartida, tenemos libertad para optimizar y hacer una configuración realmente a nuestra medida. El software estará siempre como recién salido del horno, con las nuevas funciones y bugfixes implementados. ¿Inestable? No sé, recién lo instalé. Lo que sí puedo asegurar es que si disponemos de tiempo y ganas, tenemos una excusa para aprender de lo lindo.

Leer el resto del artículo »

1
2
May
2010

Calcular Combinatoria con Sage (matemática)

Sage math

Sage es un software de matemática open source, licenciado bajo GPL. Tiene interfaz web -además de la línea de comandos- y permite calcular derivadas, integrales, límites, sumatorias, ploteos (gráficas), solución de ecuaciones, desarrollos de taylor, etc. Además, con el poder de programar funciones en un lenguaje prácticamente idéntico a Python; definir funciones, llamadas recursivas, bucles iterativos, bloques condicionales, variables, tuplas, etc.

Está disponible para Mac OS X y Linux. En el caso de Linux, si tienen problemas con el paquete compilado -o quieren la última versión-, descarguen el source y compilen. En un Core 2 Duo de 2.0 Ghz demoró algo menos de 3 horas la compilación; es una aplicación grande.


Leer el resto del artículo »

2
21
Apr
2010

Caracteres especiales con UTF-8, ajax (javascript) y php

Vamos a definir muy brevemente estos nombres:

UTF-8: uno de los estándares para la representación de caracteres Unicode (cualquier caracter que vean en el “mapa de caracteres” de su SO), utilizando de 1 a 4 bytes.

Caracteres especiales: un nombre ambiguo para referirse a símbolos distintos a los alfanuméricos. Por ejemplo: +, ¿, ?, ¨, &, %, ´.

Ajax: mecanismo utilizado para transferir información entre el DOM de un sitio web (JavaScript) y un servidor (php en este caso).

¿Cuál es el problema?

Ajax utiliza algunos de los caracteres especiales para dar formato a las solicitudes que hace al servidor. Por ejemplo, con ?, = y & se separan los parámetros de los envíos GET. Al mezclarse unos símbolos con otros, la información llega errónea. El otro problema es de codificación: los bytes de un caracter en otro formato equivale a un caracter distinto. Hay que tener cuidado al interpretarlos, almacenarlos y representarlos.

Aquí va una posible solución que abarca todo el problema:


Leer el resto del artículo »

2
14
Apr
2010

Paginación en php: menú de 7 casilleros


Ejemplo de paginación en el módulo Live Notes de http://live.martin.com.uy

Cuando el output de una función php es demasiado grande en cantidad de resultados, lo mejor es paginarlo; esto es dividirlo en páginas de un largo razonable y agregar un menú que permita navegar entre ellas. Lo que hay en el fondo es una consulta SQL a la que ingresan dos variables extra: la cantidad de filas que vamos a obtener (tamaño de cada página) y a partir de cuál (página que queremos mostrar). Por ejemplo:

Supongamos que tenemos una tabla “nombres” con las siguientes filas:

1. juan
2. pedro
3. oscar
4. maria
5. gonzalo
6. martin
7. andrea
8. emiliano
9. alvaro
10. federico
11. nicolas
12. pablo
13. mateo

Leer el resto del artículo »

3
23
Mar
2009

Desactivar “Se ha identificado correctamente” en phpBB3

phpbb3

Los foros phpBB3 incorporaron una redirección en el logueo. Tras ingresar usuario y contraseña, pasamos a una página intermedia con el texto “Se ha identificado correctamente.” o “You have been successfully logged in.” si lo tenemos en inglés. Luego de unos segundos (o clickeando en el link), pasamos a la página principal del sitio.

Molesto y sin sentido, por eso les pongo a disposición una forma de desactivarlo y volver al viejo sistema instantáneo.


Leer el resto del artículo »

4