nmda

Data Driven Design

nmda — Fri, 14 Jan 2011 20:08:28 +0000

Data driven Design

El diseñador de Facebook Adam Moserri explica como y cuando usan los datos estadísticos para hacer cambios en el UI de Facebook y cuando no, muestra ejemplos y algunas modificaciones nunca publicadas.

UX Week 2010 | Adam Mosseri | Data Informed, Not Data Driven from Adaptive Path on Vimeo.

Slider con Javascript + contenidos por AJAX

nmda — Mon, 03 Jan 2011 16:46:40 +0000

Un simple código para hacer que un botón abra una caja de contenido de forma animada. Si apretamos en el link 1 se abre la caja, pero si cambiamos al link 2 no se vuelve a abrir, pero si apretamos en el link que apretamos ultimo se cierra.

El .js:

function init() {
	document.getElementById("contenido").style.height=0+"px";
	document.getElementById("contenido").title="0";
}
window.onload = init;

function mover(size,target) {
	document.getElementById(target).style.height=size+"px";
}
function movimiento(totalSize,target,id) {
	var startSize = 0;
	var startTime = 0;
	var select = document.getElementById(target);
	if ((select.style.height
En //mostrar(id); llaman a una función AJAX para mostrar el contenido.
El HTML:




Slider





SLIDER CON JAVASCRIPT + CONTENIDOS POR AJAX
Apretar aca
Apretar aca
Apretar aca
Apretar aca

FOOTER




Acá un pequeño ejemplo.

La lógica implacable

nmda — Wed, 24 Nov 2010 17:18:23 +0000

Siempre hice el mismo chiste, la lógica de las reglas de los “genios de las lamparas” es totalmente absurda!

via [Cyanide & Happiness]

Barcamp 2010

nmda — Mon, 22 Nov 2010 17:09:44 +0000

El sábado por primera vez asistí a un Barcamp. La verdad que estuvo muy lindo, me sigue impresionando todo lo que te dan por ser un evento gratis en cuanto a comida y bebida.

Algunas cosas que le critico y son totalmente modificables. Mas tiempo entre charlas, los 10 minutos (o menos) que había no te daba tiempo de esperar el retraso de la charla A, navegar entre el mar de gente hasta la sala B (pasando antes por un bocadillo o charlita) y rogar que la charla B no empiece antes.

Otra cosa es los nombres de las charlas, son demasiado amplios!!, “Como hacer amigos” para poner un ejemplo, o “El futuro del futuro”. Además una o dos líneas de descripción de los temas no estaría mal, por lo menos en la app online. Yo me perdí mitades de charlas muy copadas (como la de Hacer Amigos) por haber ido a probar suerte a otras que, por no saber bien de que trataban, me resultaron aburridas.

Más allá de eso, me gusto mucho (aunque no parezca je), el ambiente era muy bueno, algunas charlas fueron excelentes como la de WOP, la de Hacer Amigos y la de Tips Legales.

Lo que sí, mucha gente va a Twitear nomas, se la pasa twiteando cada dos segundos. Yo no sé, pero yo no puedo poner atención en una charla y twitear al mismo tiempo TODO. Veía notebooks con el Tweet Deck abierto y gente escribiendo cada dos segundos un tweet.

El año que viene volveré (si logro registrarme a tiempo), me parece que Barcamp es como un gusto adquirido con el tiempo.

Mod_Rewrite fácil y rápido

nmda — Mon, 22 Nov 2010 16:35:18 +0000

Mod_Rewrite es un modelo de Apache que viene instalado por defecto pero a veces no prendido por defecto. Para eso httpd.conf. Bueno, lo que nos deja hacer el modulo Mod_Rewrite es jugar con las URL de un sitio. Se puede redireccionar una url para que vaya a otra, se pueden tomar variables de servidor y en base a eso modificar una url o, por lo que mas se usa, transformar las url de php?categoria=algo&numero=algo en urls “lindas” y “amigables” a los buscadores, SEO y demás yerbas.

Es el método con el cual cuando entras a un portal la url es http://www.lalala.com/web/1.html en ves de http://www.lalala.com.php?categoria=web&pag=1.

El Mod_Rewrite funciona antes del render la pagina, entra la petición y la devolución del servidor. Ante la petición chequea las reglas y después sigue adelante. Lo que hace en si es transformar urls, ser un traductor que le dice el servidor, cuando te den esto, vos devolve esto otro.

Primero de todo, para que ande este modulo, tenemos que crear (en el caso de no tenerlo) un archivo .htaccess en el root de nuestro sitio. Y dentro de el iría algo así:

 RewriteEngine On
 RewriteRule ^([a-z]+).html$ /index.php?categoria=$1 [L]
 RewriteRule ^([0-9]+).html$ /index.php?pag=$1 [L]
 RewriteRule ^([a-z]+)/([0-9]+).html$ /index.php?categoria=$1&pag=$2[L]

Vamos por partes:
Primero le decimos que prenda el modulo con

 RewriteEngine On

Después le damos la primera “regla” o “RewriteRule”:

 RewriteRule ^([a-z]+).html$ /index.php?categoria=$1 [L]

Acá le decimos que “capture” toda información que venga de la url que sea entre a-z y termine en .html (se usan las Regular Expressions acá, hay que darles una releída). Captura todo lo que este entre () y lo guarda como una variable. Después le dice que eso que captura, lo transforme en index.php?categoria=lavariable que capturamos, Y para terminar un Flag o opciones de mas. Con esta regla cuando pongan lala.com/web.html los va a llevar a lala.com/index.php?categoria=web

La sintaxis sería algo como:

Regla => ^(lo que busco y quiero guardar, ej: web).extensión del archivo$ => /a que quiero que se convierta esa url.php?categoria=el dato que tome en lo que busco [L]

^ significa que empieza el string de regular expressions
$ que termina el bloque de lo que quiero buscar
$1 es la variable que “guarde” de lo que busco que esta entre ()
[L] es que si esta condición se da, no busque mas reglas y termine.

La segunda regla es lo mismo pero solo para numero de pagina:


RewriteRule ^([0-9]+).html$ /index.php?pag=$1 [L]

Con esta regla cuando pongan lala.com/1.html los va a llevar a lala.com/index.php?pag=1 La última es la unión de las dos


RewriteRule ^([a-z]+)/([0-9]+).html$ /index.php?categoria=$1&pag=$2[L]

Cuando pongan lala.com/web/1.html los va a llevar a lala.com/index.php?categoria=web&pag=1 La regla es, cuando encuentres un entra a y z (o sea la categoría web u otra), una / y un entra 0 y 9 (o sea el numero de pagina).html, transformalo en index.php?categoria=$lo que capturaste&pag=$lo que capturaste.

Les dejo un link de un cheat sheet de Mod_Rewrite, el cual es mucho más amplio y poderoso que solo esto, pero en el 80% de los casos lo van a usar para hacer estas cosas.

Diseñadores VS Desarrolladores Web

nmda — Fri, 12 Nov 2010 02:51:11 +0000

Genial genial ilustración de las diferencias entre el diseñador y el desarrollador web, dos caras de una misma moneda. Yo me veo representado un poco con ambos.

via [wix]

La historia del IE6 (el abuelito)

nmda — Tue, 26 Oct 2010 15:48:41 +0000

Cada tanto me gusta releer esta historieta de Brad Coldbow sobre la vida y obra del tan difamado IE6. Es como que leyéndola me saco un poco el odio que le agarro a este navegador cada ves que tengo que hacer funcionar un sitio en el. Despues de leer esto lo veo como el abuelito al que “hay que hablarle diferente” para que entienda, que esta molestando y gruñendo y rememorando tiempos pasados. Así le agarro un poco de cariño, o por lo menos compasión ja

Brad Coldbow

Convirtiendo Spammers

nmda — Mon, 25 Oct 2010 15:23:23 +0000

Otra vez, otra genialidad de xkcd.

Si no sabes quien es, es un físico/matemático/geek que trabaja, entre otros lados, en la NASA y ademas dibuja y publica estas tiras cómica/filosóficas que son una obra de arte!

xkcd

Y si.. Foursquare ya se fue al ca….!

nmda — Fri, 22 Oct 2010 16:03:10 +0000

Y si, llego el dia del primer Check in de Foursquare desde el espacio!! Douglas Wheelock, un astronauta realizo el primer check in off world desde la ISS. Y no solo eso, sino que ademas desbloqueo una Badge especial llamada NASA Explorer Badge!! Le darán algún descuento en algo en la ISS por ser el Mayor? Este es el badge:

Que lindo vivir para ver este momento(?) Como el check in desde la Antártida hace unos meses…

@Astro_Wheels via [Gizmodo]

REALES razones del amor a APPLE

nmda — Thu, 21 Oct 2010 03:29:42 +0000

Las reales razones por las cual los fanboys de Mac aman a mac jajajaja

Meerycode [via TNW]