martes, 24 de mayo de 2011

Alertas con jQuery



Con Clean jQuery AJAX Alert podremos lograrlo. Su implementación es muy sencilla, son pocas líneas de código las que utilizaremos, y como único parámetro le diremos la URL de la página a la que se redirigirá con una respuesta afirmativa del usuario, y claro, el ID del elemento con el que vayamos a interactuar, como se observa a continuación:
$(function() {
       $('#id_elemento').alertBox({
              href: 'pagina_de_resultado.html'
       });
});
Ver una Demo: Demo

Descargalo desde: thefinishedbox

lunes, 23 de mayo de 2011

GetMySite, para analizar el posicionamiento de tu sitio web

Como el título del post lo sugiere, GetMySite.info te permitirá conocer el lugar que tiene tu sitio web (O cualquier otro también), en los principales buscadores, como son Google, Bing y Yahoo. Además de que también nos brinda información sobre la posición en Alexa.

Y no sólo eso, también podremos encontrar el resumen de los países desde donde más visitan nuestro sitio, además de la posición que este tiene en algunos de ellos. etc, etc.


Visto en: wwwhatsnew

domingo, 22 de mayo de 2011

crea los estilos de tus capas

Layer Styles, herramienta online que te permite crear los estilos de tus layers.

sábado, 21 de mayo de 2011

Tamaño máximo de la contraseña Gmail

No te lo preguntes más, la contraseña mas larga 
que se permite utilizar en las cuentas Gmail 
es de 200 caracteres.

viernes, 20 de mayo de 2011

Cachear una página dinámica PHP

El sistema es bastante simple y en principio se podría aplicar a cualquier sitio. El código sería algo tal que este:

<?php
       $md5 = md5($_SERVER["REQUEST_URI"]); // convertimos la URL a único identificador
       $file = "cache/".$md5.".html"; // donde se guardará el fichero
       $hora = filemtime($file); // comprobamos la hora del fichero si ya existiera
       if(time() <= $hora+86400) { // asignamos un tiempo de cache de 86400 segundos
              include($file); // incluimos el contenido del fichero cacheado
              echo "<!-- ".date('YmdHis', $hora)." -->"; // (opcional) añadimos al pie de página la fecha-hora de la caché
              exit; // salimos
       }
       ob_start(); // abrimos la memoria
?>

AQUI VA LA WEB NORMAL

<?php
       $fp = fopen($file, 'w+'); // abrimos el fichero de caché
       fwrite($fp, ob_get_contents()); // guardamos el contenido de la página generada en el fichero
       fclose($fp); // cerramos el fichero
       ob_end_flush(); // devolvemos la página que se ha generado y cerramos la memoria
?>

Con este sistema podremos incrementar una página dinámica tranquilamente entre un 50% y un 1.000% la velocidad, dependiendo de la carga de base de datos o cálculo que tuviera anteriormente.

jueves, 19 de mayo de 2011

Filtrar elementos nulos en jQuery

Lo primero será tener un array con elementos nulos.
var a=[1,2,0,"a",null,NaN,undefined,7,"","palabra",{}];
Vemos que en el array están presentes elementos como null, NanN, undefined y el cero. Todos ellos elementos nulos.
Para filtrar los elementos volvemos a apoyarnos en la función .grep(), la cual recibía el array con los elementos y la función de filtro. Pero, ¿qué función jQuery nos filtra los elementos nulos de un array?
Pues en ese caso vamos a utilizar el constructor de Boolean. Y es que cuando intentamos instanciar el constructor de Boolean con un elemento nulo, dicho constructor nos devolverá false.
Boolean(NaN); //false
Boolean(undefined); //false
Boolean(null); //false
Boolean(1); //true
El código para filtrar elementos nulos de un array con jQuery utilizando .grep() nos quedará de la siguiente forma:
var b = a.filter(Boolean);
Ya solo nos queda volcar el contenido del array.
$("#resultado").text(b.join(", "));

miércoles, 18 de mayo de 2011

convertir una imagen a HTML/CSS

ImgToCSS es una aplicación curiosa, con un nombre un poquito mentiroso, que probablemente sea útil para aquellos que envían newsletters, permite convertir cualquier imagen con un tamaño que no supere los 250×250 pixeles a formato HTML/CSS.
El mecanismo para realizar este trabajo es muy simple e interesante, por un lado recibe la imagen que nosotros le enviamos en formato JPEG, GIF, BMP, TIFF e ICO. Luego la aplicación procesa esta imagen, determinando el color de cada pixel, el mismo se asigna como color de fondo de una tabla HTML con tantas celdas como pixeles contenga la imagen, obviamente cada celda va a tener 1 pixel x 1 pixel de tamaño. De esta forma vamos a obtener un clon prácticamente perfecto de nuestra imagen en formato HTML.

Por ejemplo yo convertí a este pequeño IronMan:



El resultado es muy pero muy bueno.

Cuando comento que el nombre de la aplicación es un poco mentirosa lo digo porque en si en ningún momento se encuentran implementadas las hojas de estilo, no obstante si deseamos hacerlo simplemente tendremos que tomarnos el trabajo chino de crear clases css por cada color y reemplazarlos en las celdas que lo utilicen.

Web: ImgToCSS

martes, 17 de mayo de 2011

OptimiConsejo para hoy

Está muy bien controlar la descarga asíncrona de nuestra aplicación web.
El uso excesivo de script para lograrlo no es una buena solución.
Piensa que no todos lo soportan.
Y piensa que en algún momento hay que cargar esa cantidad de código.

Buen día ;)

lunes, 16 de mayo de 2011

Mashup de logotipos


¿Qué pasaría si ponemos en una coctelera algunos de los logotipos más conocidos?
Seguramente… ¡algo así!