http://martin.com.uy/wp-content/themes/martinuy2/live/proxy.php?url_especifica=
0
1
Feb
2009

Simple Contact Form plugin para tu WordPress (AJAX)

simple contact form wordpress ajax plugin

Quiero presentarles el Simple Contact Form (0 inspiración para el nombre).

El cForms me resultaba excesivo para un formulario de contacto, estaba cansado de que distorcionara el diseño y de un sospechado bug (no puedo confirmar que haya sido él pero el log de errores lo ensuciaba jaja).

Entonces programé un plugin básico que permite un formulario AJAX en cualquier WordPress. Es un archivo solo: pueden editar el estilo, los campos, el nombre de su sitio y el correo donde quieren los envíos allí mismo. No me dio el alma para hacer una comprobación de email válido. Pueden conseguir si necesitan una de las miles que pululan por la red. De todas formas, pienso que no tiene sentido: si alguien quiere que no sepan su email pone uno cualquiera adasdas@adsdsad.com (dentro del formato) y ya está. Lo “requerido” del campo es para evitar olvidos.

Instrucciones:


Leer el resto del artículo »

# 1
20
Nov
2008

listaDeVideos: script para videos de Youtube

listaDeVideoslistaDeVideos v0.1 es un sencillo script para mostrar videos de Youtube en forma secuencial. La lista de videos la armamos nosotros ingresando el código y el título de cada uno. Podemos fijar la cantidad máxima que se mostrará en el menú, avanzar hacia adelante y hacia atrás. La secuencia empieza en uno aleatorio. Está programado en PHP y AJAX.

Lo dejo a disposición de todos (agradezco que mantengan los créditos): http://martin.com.uy/sitio/listaDeVideos-v0.1.rar


Pueden verlo en funcionamiento en RtiN.tv con algunos videos de mi gusto 🙂

9
Nov
2008

Seguridad para tu correo Google Apps

Locker2Loguearse al correo desde una computadora ajena (cyber, facultad, trabajo, etc.) es frecuente para muchos. En general no tenemos problemas pero podrían haberlos. Dos métodos sencillos para sacarnos la contraseña:

1. Keylogger. Un programita que registra lo que tecleamos, lo almacena en un archivo y puede enviarlo por internet.

2. Cabeceras HTTP. Al enviar un formulario el navegador junta la información -contraseña sin cifrar incluída- y la envía al sitio. Ese intercambio se puede ver y guardar. Para los antivirus es legal.

Propongo una solución de seguridad para quienes usan Google Apps que si bien no es definitiva, da algunas garantías al proceso:

  • Ingresar utilizando una contraseña distinta a la verdadera. Esta contraseña podría ser función de la fecha de manera que cambie diaria y automáticamente -o más perverso todavía, queda librado a su imaginación 😉 -.
  • No se intercambia en las cabeceras la contraseña verdadera.
  • El acceso es restringido; no podemos ingresar a otros servicios de Google.
  • Por lo anterior y porque no conocemos la contraseña real, no es posible cambiarla. La cuenta no es automodificable.
  • Podemos llevar un control de ingresos: logueos exitosos, logueos fallidos, fechas, ips, bloqueo después de cierta cantidad de intentos, etc.
  • Podemos llevar el cuadro de ingreso al sitio/diseño que queramos -algo en principio exclusivo para cuentas Premium-.


Leer el resto del artículo »

10
Sep
2008

Eliminar publicidad del hosting gratuito

Algunos hostings gratuitos tienen la mala idea de insertar publicidad en todas las páginas html que subamos. La inserción se hace automática; podemos revisar el código mil veces que no encontraremos nada hasta que se cargue la página en el navegador. Está fuera de nuestro control.

Sin embargo, con un pequeño truco CSS podemos agregar un manto blanco al sitio que tape los avisos y sobre él poner el contenido. Revisen los Términos de Servicio y úsenlo bajo su propio riesgo 😉

Código:

<html>
<head>
<title>Prueba</title>
<style type=”text/css”>
.mantel{
background-color: #FFFFFF;
position: absolute;
left: 0px;
top: 0px;
display: block;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<table border=”0″ class=”mantel”>
<tr><td>

<!– SITIO –>

</td></tr></table>
</body>
</html>

23
May
2008

Stream Recorder 0.1

81417-3

Hace un par de artículos daba unas instrucciones para grabar streaming en GNU/Linux usando Amarok, Streamripper y RecordRadio (script para Amarok). Si bien funciona, el último script está poco desarrollado y complica un poco el procedimiento. Lo que hice los días pasados fue programar un script en Bash basado en el anterior que permita manejar algunas cosas de forma automática y con menús de click-derecho.

Lo llamé Stream Recorder y está en su versión 0.1. Requiere Amarok y Streamripper. Lo bajan, lo instalan y lo activan. Mi sugerencia es que lo dejen activado de forma permanente (no consume recursos) y lo manejen con el menú.

Cuando quieren grabar, hacen click derecho en el streaming (el que está activado) y seleccionan Record. No importa si el streaming está en stop, en pausa o reproduciéndose. Cuando quieren detenerlo, click derecho y Stop currently recording. También pueden cortar la grabación dandole pause/stop al streaming o empezando a ejecutar otro.

Los cartelitos amarillos en la esquina inferior izquierda dicen el estado: grabando o detenido. Se genera un archivo único por grabación (el formato depende del streaming) y un archivo .cue con información (si el streaming lo permite, allí aparecerían título y artista de cada tema en órden). En el mismo script pueden editar esas opciones y el directorio donde quieren que se guarde.

81417-2 81417-1

Descargar: http://www.kde-apps.org/content/show.php?content=81417

20
May
2008

Cuadros de bordes redondeados con CSS (II)

bordesredondeadosii

Aquí esta la segunda parte del tutorial para crear cuadros con bordes redondeados (pueden ver la primera aquí). Decía que podría interesarnos que el área de trabajo (donde insertar texto, imágenes, tablas, etc.) incluyera bordes y esquinas como marca la imágen; para, por ejemplo, insertar elementos en cuadros de poca altura.

¿Por qué no usar una única imágen de fondo? Para que los cuadros puedan expadirse o contraerse según el contenido.

arriba-izquierda arriba-derecha abajo-izquierda abajo-derecha

Aquí va el código:


Leer el resto del artículo »

5
19
May
2008

Grabar streaming de audio en GNU/Linux (Debian, Ubuntu, Fedora, etc.)

Pantallazo3

Podría interesarles grabar programas o canciones de alguna radio por internet. Si ese es el caso y están trabajando en GNU/Linux (Debian, Ubuntu, Fedora, etc.), esta guía va a servirles.

En primer lugar instalamos el siguiente software:

Amarok es un reproductor de música pensado para KDE -para muchos el mejor-. Si usan un entorno Gnome, deberán instalar algunas librerías extras para que funcione (los manejadores de paquetes como Synaptic se encargan de las dependencias automáticamente). Streamripper es un programa en modo consola que graba de la web al disco. No recomiendo usarlo solo por dos razones: no podemos escuchar a medida que grabamos (si lo hicieramos con programas separados consumiríamos el doble de ancho de banda) y la consola puede resultar incómoda.

Lo segundo es instalar un script para Amarok llamado RecordRadio. Este script se encarga de integrar los dos programas mencionados. Lo descargan de aquí y en Amarok eligen Tools -> Script Manager -> Install Script.


Leer el resto del artículo »

6
18
May
2008

Cuadros de bordes redondeados con CSS (I)

Desde hace algunos días estoy trabajando en el rediseño del sitio Cafe Montevideo. Uno de los retos fue crear cuadros con bordes redondeados Encontré en la web mil formas de hacerlo: algunas con CSS, otras con Javascript, algunas sin usar imágenes en las esquinas (bordes ásperos) y otras usando (bordes suavizados).

Exceptuando los que tenían Javascript, probé 30 códigos distintos y ninguno se mostraba correctamente. Cuando la mezcla era ya ininteligible y la paciencia estaba por agotarse, pensé en escribirlo desde 0. Al final quedó y quiero compartir el código (CSS + imágenes).

bordesredondeados

Imágenes (esquinas):

arribaizquierda arribaderecha abajoizquierda abajoderecha


Leer el resto del artículo »

7
May
2008

Paleta de color y conversor RGB – Hexadecimal

La paleta de color es una herramienta fundamental para diseñadores gráficos y diseñadores web. Normalmente los programas con los que ellos trabajan incorporan una buena variedad. El problema podrían tenerlo aquellos que estén trabajando fuera de su entorno habitual o utilizando un editor básico para escribir o modificar una hoja de estilos (CSS). Ahí sería útil tener algo en la web. Esta de arriba tiene un aspecto similar a la del Photoshop.

El conversor RGB – Hexadecimal puede servirle, por ejemplo, a quienes estén trabajando con algún lenguaje de programación web y librerías gráficas.

Espero que alguna vez les resulten útiles estas herramientas. A mí por lo pronto sí 🙂

Agradezco al sitio 2CreateaWebsite de donde tomé el archivo.

1
11
Apr
2008

¿Cómo agregar el Estado del Tiempo a tu sitio web?

tiempoSupongamos que queremos mostrar en nuestra página información sobre el Estado del Tiempo. Evidentemente nosotros no vamos a estar actualizando a cada instante los valores. Necesitamos sacarla de algún lugar donde eso suceda automáticamente. Hay distintas formas: utilizar algún sitio que nos permita insertar su código (The Weather Channel por ejemplo), utilizar un iframe o lo que les voy a contar a continuación.

PHP nos permite leer archivos de texto de forma local (en la misma computadora donde se ejecuta el script) y de forma remota (cualquier sitio web por ejemplo). La técnica es la siguiente: en cada ejecución del script leemos el HTML de alguna página, de allí extraemos la información que necesitamos y la presentamos como queremos.

La ventaja de esto muy clara: podemos elegir que información mostrar, integrarla a nuestro diseño y no tendremos que soportar publicidad de ningún tipo.

El ejemplo será con el Estado del Tiempo y la víctima de nuestro “robo” Buquebus. Podría aplicarse la misma idea para casi cualquier sitio e información. Otro ejemplo que se me ocurre de similares características es la cotización de la moneda.

Hay una cuestión básica en esto y es que cada página es diferente. Eso significa que no hay un algoritmo genérico: debemos estudiar a la víctima (cómo presenta la información, dónde está esa información y cómo varía en cada actualización del sitio) y en función de eso diseñar el código.


Leer el resto del artículo »