Utilidades Web con MooTools

Aquí una lista de plugins, o pequeñas utilidades, desarrolladas con MooTools. 

1. Autocompleter : el famoso autocompleto dentro de cajas de texto. [Documentación]

Autocompleter

2. FancyUpload : mediante el uso de swf y ajax podemos subir archivos de manera interactiva. [Documentación]

Fancy Upload

3. HistoryManager : mantiene un historial de todos tus movimientos en cierta página web. [Documentación]

History

4. SqueezeBox : ventanas flotantes que pueden contener diversos elementos (textos, páginas web, imágenes).

Squeezebox

5. LiveGrid : pequeño y rápido Listador de elementos (grid). Muestra elementos en forma horizontal y por bloques.

Simple Tabs

6. SimpleTabs : Tabs usando Ajax.

Autocompleter

7. ReMooz : visualizador de imágenes, muestra un efecto de "zoom in" cuando hacemos clic en una imágen.

Remooz

Vía | digi.táral

Genera Acrónimos con Cyborg Name Decoder

Tal y como dice Pancho Macías existen muchos servicios web 2.0 que nos hacen pasar un rato divertido y agradable, y justamente The Cyborg Name Decoder es uno de estos. Es un servicio que crea acrónimos a partir de una palabra que nosotros ingresemos, por ejemplo queria probar con ribosomatic pero no acepta mas de 10 caracteres, asi que puse ribosoma y el resultado fue esto:

jesusvld acronimo

Como apreciarán el resultado esta relacionado con lo que es robótica, pero existen otras versiones: Sexy y Monster Name Decoder.

Paquetes de iconos para tus proyectos web!

Una pequeña lista de paquetes de iconos gratuitos. 

1. 25 set de iconos por Smashing

set 1

2. Más sets de iconos

set 2

3. Set de iconos por xiberneticos 

set 3

4. Pixel Press Icons

set 4

5. Set de iconos August

set 5

10 menus horizontales con CSS

Vía CSSPlay una serie de 10 menus CSS horizontales, listos para descargar...

Menu CSS horizontal 1

Menu CSS horizontal 2

Menu CSS horizontal 3

Menu CSS horizontal 4

Menu CSS horizontal 5

Menu CSS horizontal 6

Menu CSS horizontal 7

Menu CSS horizontal 8

Menu CSS horizontal 9

Menu CSS horizontal 10

Mostrar contenido de dominio externo con Ajax y Apache

Después de un mes alejado de blog vuelvo con un interesante tema. Aca siempre hablamos de Desarrollo y Programación web, especialmente centrado en Ajax y temas relacionados. Justamente vamos a hablar del corazón de Ajax: el objeto XMLHttpRequest. Éste tiene un problema relacionado con la seguridad cuando tratamos de hacer llamadas a dominios externos con el método open(método,url); Un ejemplo aqui:

function objAjax(){
var xmlhttp=false;
try{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(E){
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}

function MostrarYahooHomePage(){
resultado = document.getElementById('resultado');
ajax=objAjax();
ajax.open("GET", "http://es.yahoo.com/"); //esta linea nos interesa
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
resul.innerHTML = ajax.responseText
}
}
ajax.send(null);
}

Este script nos dará un error porque no podemos abrir un documento que se encuentra en otro dominio. Lo apropiado es llamar a documentos que se encuentran en nuestro propio dominio. ¿Cuál es la solución? Existen algunas soluciones (como usar iframe). Pero la que me llamo la atención es la que encuentra en Jaslabs donde explica lo siguiente:

  1. Si tenemos nuestro servidor Apache, debemos asegurarnos de instalar o habilitar los módulos: mod_rewrite y proxy.
  2. Luego crear la siguiente regla: ^/yahoo_proxy http://www.yahoo.com/service [P] en el archivo .htaccess
  3. Ahora reemplazar la linea del método open por la siguiente: http.open("GET"."http://your_host/yahoo_proxy").
No lo he probado aún, pero teniendo en cuenta lo multifacético que es el servidor Apache... se ve funcional. Eso si lo probaré y les contaré...
Google

Categorias

Archivos