Es bastante rápido, y bastante practico, a continuación listo las características platicadas en Webintenta.

• Podemos realizar tanto sobre carpetas como archivos las siguientes acciones: renombrar, copiar, mover, eliminar, descargar.
• Carga de archivos múltiples con barra de progreso.
• Posibilidad de editar archivos de texto (con resaltado de sintaxis para JS, PHP, HTML, Java, SQL y PERL).
• Las imágenes se pueden ver de antemano y en un pase de diapositivas.
• Los archivos MP3 se pueden escuchar sin descargarlos.
• Los vídeos de Flash también se pueden ver sin necesidad de descargarlos.
• Los archivos ZIP pueden ser navegados y extraídos desde el propio gestor de archivos.
• Sistema de favoritos para llegar a los archivos que uno desea de un modo más fácil.
• Multilenguaje, con soporte para el español.
• Búsqueda recursiva.
• Entorno multi-usuario. El administrador puede crear nuevos usuarios y permite asignar los directorios y derechos a los usuarios.
• Drag’n Drop, Atajos de teclado, Capacidad para seleccionar múltiples archivos / carpetas.

Lo que me gusto mucho fue sin duda el resaltado de sintaxis, el cual es rapido y bastante bueno ademas de que obviamente se puede descargar y usar libremente.

AjaXplorer Web based file browser

Me entere via | AjaXplorer: Gestor de archivos gratuito en PHP

Y la aplicación la puedne encontrar en  | Ajaxplorer

Se trata de Aurora, el cual es todo un nuevo concepto, el cual ha sido pensado por Adaptive Path (recordemos que Jesse James Garrett de esta misma compañía, nos dio la gran idea de adaptar el termino ajax a las peticiones Http en background )junto con Mozilla Labs, la cual nos hace recordar que la fundación Mozilla, no solo tiene un navegador web, sino muchas herramientas mas como Thunderbird, Seamonkey, Prism, etc.

[vimeo]http://www.vimeo.com/clip:1450211[/vimeo]

Regresando al punto de Aurora, lo que nos presentan en el vídeo es una nueva forma de ver la web, basándose en un estilo diferente, mediante muchas ventanas y lo que aparenta ser un universo -Web-, con muchas aplicaciones a nuestro alcance,y no podemos negar que hay un toque de aspecto MAC, que al final parecen ser parte de una película/vídeo. Tal vez sea algo que de momento nos parecerá extraño, pero tal vez algún día eso sea tan común como hoy lo son muchas cosas, por ejemplo ¿en el año 2000?, ¿alguien tenia twitter?, ¿ó veías tus lectores de Feeds ? ó¿ alguien deseaba estar en hi5?¿Ajax? ¿JSON?¿Gears?,

Las cosas cambian y para muestra un vídeo mas.

[vimeo]http://www.vimeo.com/clip:1476338[/vimeo]

Via | Aurora

Este importante plugin tiene varias opciones comunes como son

• type – line (default), bar o tristate
• width – Ancho de la gráfica, por defecto “auto”.
• height – Altura de la gráfica, por defecto “auto”.
• lineColor – Color de la línea
• fillColor – Color del relleno

Esto lo recalco por que ademas de eso podemos usar muchas otras opciones, como son

Opciones de gráficas tipo línea:

• spotColor – Oculta o muestra el color del valor final.
• spotRadius – En pixels (default: 2)

Opciones de gráficas tipo Bar:

• barColor – Color de los valores positivos
• negBarColor – Color de los valores negativos
• barWidth – Tamaño de cada barra, en pixels
• barSpacing -Separación entre barras, en pixels.
• zeroAxis – Centro del eje Y.

Opciones de gráficas tipo Tristate:

• posBarColor – Colores valores positivos
• negBarColor – Colores valores negativos
• zeroBarColor – Colores para valores cero.
• barSpacing – Separación entre barras, en pixels
• zeroAxis – Centro del eje Y

Creo que Ajax, esta llegando hasta limites insospechados si ha esto le añadimos la próxima versión de HTML, el 5, tal ve pronto salgan juegos muy buenos creados con Javascript y hasta aplicaciones mas poderosas.

Para saber como pueden usarlo en su sitio web, pueden darse la vuelta por el Blog de Andrés donde viene la información completa.
Vía | jQuery Sparklines, gráficas sencillas con jQuery

En estos lugares me he encontrado cosas muy padres como es el caso de el blog Six Revisions, que en este caso nos muestra una lista con 20 Tutoriales y ejemplos sobre Mootools y de cosas que se pueden hacer con Mootools.

Bien copio y pego unos cuantos para que si gustan pueden visitar dicho blog y ver todas las opciones.

1.- Formulario de contacto seguro.

Mediante este tutorial se vera como hacer formularios con Mootools, de una forma segura, ya que recordemos que usar formularios sobre ajax puede suponer un riesgo si no se maneja adecuadamente.

2.- Creacion de barras deszilantes tipo Facebook

En este tutorial nos presentan una forma de crear unos controles deslizantes tipo Facebook,los cuales nos pueden ser muy útiles para controlar un elemento de una manera mas precisa y ver los cambios instantáneamente.

3.-Video Tutorial  de introduccion a Mootools.

En este caso lo que tenemos es un vídeo de una introducción, al trabajo con Mootools y a tomar aspectos del desarrollo con esta librería, y bueno para no dejarles el link completo y que pierdan el tiempo, les dejo el vídeo de una vez, ya que esta en youtube.

[youtube]http://www.youtube.com/watch?v=0rx4xVGn3Fo[/youtube]

Solo puse 3 ya ven como ando cargado de chamba, y pues si quieren ver los otros 17 restantes lean .

Learning MooTools: 20 MooTools Tutorials and Examples

Vía Hotajax(un blog bastante interesante sobre Ajax), me acabo de enterar de un importante plugin para que podamos mejorar bastante nuestras listas desplegables.

Esta funcionalidad nos permite generar submenus desplegables desde un combobox, osea elegir y desde ahí volver a elegir otra opción, además de que todo esto lo guarda en un “historial” para saber donde andamos, les pongo una imagen para que vean a lo que me refiero.

Para hacer uso de este plugin vamos a necesitar descargarnos  mcdropdown, el cual ya trae todos los script necesarios para que funcione.

Codigo despues del salto

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>Giva Labs - mcDropdown jQuery Plug-in | Giva</title>
<!-- Llamamos a los scripts  que vamos a ocupar //-->
	<script type="text/javascript" src="./lib/jquery-1.2.6.min.js"></script>
	<script type="text/javascript" src="./lib/jquery.mcdropdown.min.js"></script>
	<script type="text/javascript" src="./lib/jquery.bgiframe.js"></script>
<!--Tambien llamamos a el css que necesitaremos //-->
	<link type="text/css" href="./css/jquery.mcdropdown.min.css" rel="stylesheet" media="all" />

	<script type="text/javascript">
	<!--//
	// on DOM ready
       //este es el codigo que funcionara con jquery y mcdropdown
	$(document).ready(function (){
		$("#current_rev").html("v"+$.mcDropdown.version);
		$("#category").mcDropdown("#categorymenu");
	});
	//-->
	</script>
</head>

<body>


			<h3 id="example">Example</h3>
                      <!--// El codigo de ejemplo, es un iput y una lista //-->
			<p>

				Please select a category:<br />
				<input type="text" name="category" id="category" value="" />
			</p>


			<ul id="categorymenu" class="mcdropdown_menu">
				<li rel="1">
					Arts &amp; Humanities
					<ul>
						<li rel="2">
							Photography
							<ul>
								<li rel="3">
									3D								</li>

								<li rel="4">
									Digital								</li>
							</ul>
						</li>
						<li rel="5">
							History						</li>
						<li rel="6">
							Literature						</li>

					</ul>
				</li>
				<li rel="7">
					Business &amp; Economy				</li>
				<li rel="8">
					Computers &amp; Internet				</li>

				<li rel="9">
					Education				</li>
				<li rel="11">
					Entertainment
					<ul>
						<li rel="12">
							Movies						</li>
						<li rel="13">

							TV Shows						</li>
						<li rel="14">
							Music						</li>
						<li rel="15">
							Humor						</li>
					</ul>
				</li>

				<li rel="10">
					Health				</li>
			</ul>
			<!--//Fin del codigo de ejemplo //-->

</body>

</html>

Vía | http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm
Y ejemplo vía | Example mcDropdown

Para los que nos sepan que es les platico rapidamente.

El Developer Day de Google 2008, se enfocará en promover la apertura de las fronteras de las aplicaciones Web, empleando las tecnologías de desarrollo de Google. Los ingenieros de Google y desarrolladores líderes serán tus anfitriones en un día completo de profundas sesiones sobre las últimas tecnologías de Google.

El Developer Day de Google 2008, es también un foro para convivir y compartir tus ideas con otros desarrolladores. Contarás con tiempo suficiente para conversar y conocerlos, discutir tus ideas y compartir tus proyectos.

Este evento se realizara en el centro banamex, y a parecer ya todos lo lugares estan ocupados, mañana les platico como me fue.

Asi estara la agenda

Los conferencistas seran los siguientes:

Para que se den una idea de que les hablo aquí esta la imagen de menú normal

Y aquí la imagen del menú pero ahora desplazado, o deslizado.

Esto fue hecho gracias a la potencialidad y funcionalidad de Jquery, que es muy fácil de adaptarse a cualquier uso.

Veamos como se hizo, siguiendo el ejemplo de la fuente.

Primero necesitamos usar HTML,

<div id="sliderWrap">
    <div id="openCloseIdentifier"></div>
    <div id="slider">
        <div id="sliderContent">
            Isn’t this nice?
        </div>
        <div id="openCloseWrap">
            <a href="#" class="topMenuAction" id="topMenuImage">
                <img src="open.png" alt="open" />
            </a>
        </div>
    </div>
</div>

Ahora le aplicamos el siguiente CSS

<style type="text/css">
body {
margin: 0;
font-size:16px;
color: #000000;
font-family:Arial, Helvetica, sans-serif;
}
#sliderWrap {
margin: 0 auto;
width: 300px;
}
#slider {
position: absolute;
background-image:url(slider.png);
background-repeat:no-repeat;
background-position: bottom;
width: 300px;
height: 159px;
margin-top: -141px;
}
#slider img {
border: 0;
}
#sliderContent {
margin: 50px 0 0 50px;
position: absolute;
text-align:center;
background-color:#FFFFCC;
color:#333333;
font-weight:bold;
padding: 10px;
}
#header {
margin: 0 auto;
width: 600px;
background-color: #F0F0F0;
height: 200px;
padding: 10px;
}
#openCloseWrap {
position:absolute;
margin: 143px 0 0 120px;
font-size:12px;
font-weight:bold;
}
</style>

Y para hacerlo funcionar usamos Jquery de la siguiente forma

<script type="text/javascript"><!--
$(document).ready(function() {
    $(".topMenuAction").click( function() {
        if ($("#openCloseIdentifier").is(":hidden")) {
            $("#slider").animate({
                marginTop: "-141px"
                }, 500 );
            $("#topMenuImage").html(’<img src="open.png" mce_src="open.png" />’);
            $("#openCloseIdentifier").show();
        } else {
            $("#slider").animate({
                marginTop: "0px"
                }, 500 );
            $("#topMenuImage").html(’<img src="close.png" mce_src="close.png" />’);
            $("#openCloseIdentifier").hide();
        }
    });
});
// --></script>

Como ven es bastante simple, las imagenes usadas y el ejemplo de esto lo podrán encontrar en

http://www.webresourcesdepot.com/wp-content/uploads/file/jquery-sliding-menu/

Aunque ultimamente me ha estado atrayendo bastante Mootools, Jquery sigue teniendo muchisima utilidad.

Estoy planeando algo grande (después de que libere algo que tengo pendiente ups, solo me falta terminar la traducción y listo), que tendrá bastante Ajax y javascript, la pelea esta en que Framework utilizare, tal vez sera Jquery o Mootools, no lo se hagan sus apuestas.

Vía | Menu deslizante con jQuery
Surgio en | Sliding Top Menu With jQuery

Les platico que en theinquierer, Silverlight, soportara a futuro Python o Ruby para poder mejorar el rendimiento de Silverlight, ose a en vez de usar Javascript usaran Phyton y/o Ruby.

“La diferencia entre AJAX, ARAX y APAX es el lenguaje”, explica Brian Goldfarb, responsable del grupo de la división de desarrolladores de Microsoft.

Esto sera la novedad para el lanzamiento de Silverlight 2, ya que se espera que venga con soporte para ambos lenguajes , implementados para el lado del cliente en vez de usar Javascript

“Lo que hemos hecho en Silverlight es posibilitar que se utilice Ruby o Python como alternativa a JavaScript para construir el mismo tipo de aplicaciones. Todo lo que el navegador necesita es tener Silverlight instalado y los desarrolladores podrán aprovecharse de las ventajas de estos lenguajes en las aplicaciones clientes”, comentó Goldfarb.

No se que buscara microsoft con esto pero me suena bastante raro que hayan optado usando Python o Ruby, sera ¿que es menos eficiente implementar asp del lado del cliente?!!!!..

En fin a ver que nos depara el dia de mañana
Vía | Silverlight soportará Ruby y Python como alternativa a JavaScript

El otro día vi un enlace no recuerdo en que pagina/Blog (ajaxian??), el cual nos comentaba sobre un script que nos permite hacer maravillas con las imagenes usando para ello PHP y GD, si no mal recuerdo, para muestra vean la siguiente imagen la cual fue rotada y se le agrego el efecto polaroid con esta libreria.

Se trata de Phototype, el cual funciona usando php y la librería Javascript Prototype, lo cual funciona de la siguiente forma.

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/phototype.js"></script>
<script type="text/javascript">

 l_oPhoto = new Photo(); //instanciamos
 l_oPhoto.resize({width:200}); //redefinimos el tamaño
 document.body.appendChild(l_oPhoto.fetch()); //agregamos la imagen al DOM de nuestro HTML

</script>

En el caso anterior lo que hicimos fue modificar el tamaño de la imagen, usando el método resize

Existen varios métodos como:

• resize
• flipV
• rotate
• dropShadow
• makeSketchy
• toGreyScale
• addCaption
• y hasta addChuckNorris

Mas información de este Framework, aquí | Phototype: image manipulation with javascript

Google Ajax Libraries API

Que viene siendo una especie de lugar donde se almacenaran librerías Ajax, (como Jquery, Mootools, Prototype, Etc..), y las cuales estarán accesibles a todo el publico.

Las librerias/Frameworks disponibles en este momento son

• jQuery
• prototype
• script.aculo.us
• MooTools
• dojo
• Google Maps
• Google Ajax Search
• Google AJAX Feed API
• Google data APIs

Las ultimas 4 no son Librerias JS, sin embargo tambien forman parte de este abanico de posibilidades.

Su implementación/uso es simple y de la siguiente forma:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

Esto es para cargar Jquery, para cargar alguna de las otras librerías JS, debemos cambiar la ruta del script(SRc) por alguna de las siguientes:

//jQuery
http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js

// Prototype
http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js

//Script.aculo.us
http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.1/scriptaculous.js

//MooTools
http://ajax.googleapis.com/ajax/libs/mootools/1.11/mootools-yui-compressed.js

//Dojo
http://ajax.googleapis.com/ajax/libs/dojo/1.1.1/dojo/dojo.xd.js

También se pueden agregar dichas librerías usando funciones de la api de Google, para ello, necesitaremos cargar la api de google y llamar lo que deseemos como el siguiente ejemplo

<script src="http://www.google.com/jsapi"></script>

<script type="text/javascript"><!--
// Load jQuery
google.load("jquery", "1");

// on page load complete, fire off a jQuery json-p query
// against Google web search
google.setOnLoadCallback(function() {
$.getJSON("http://ajax.googleapis.com/ajax/services/search/web?q=google&;v=1.0&;callback=?",

// on search completion, process the results
function (data) {
if (data.responseDate.results &&
data.responseDate.results.length>0) {
renderResults(data.responseDate.results);
}
});
});
// --></script>

Como pudimos ver la carga se realizo usando la función google.load, la cual funciona de la siguiente forma:

google.load(name, version, opt);

Como podemos observar se utilizan 3 parámetros, los cuales son, el nombre de la librería, la versión de dicha librería, y el ultimo parámetro, que es opcional es para indicar algunas opciones para personalizar mejor la carga de dicha librería, por ejemplo si la deseamos comprimida o no, entre otras opciones mas.

Ejemplo de carga

//con 2 parametros
google.load("jquery", "1.2.3");
google.load("prototype", "1.6");
google.load("scriptaculous", "1.8.1");
google.load("mootools", "1.11");
google.load("dojo", "1.1.1");

//con 3 parametros
google.load("mootools", "1.11", {uncompressed:true});

Andrés también comenta que el segundo parámetro tiene la opción de que si no indicas exactamente que versión utilizaras, es decir sin pones por ejemplo usar “scriptaculous con la version 1.8″, google automaticamente te mandara ultima versión que haya salido de dicha rama por ejemplo la “1.8.1″.

Google ahora esta explotando una parte que la tenia olvidada, que es, la potencialidad y la necesidad de usar librerías ajax, aunque yo preferiría tener alojadas las librerías que uso en mi propio server, yo creo que es una buena iniciativa de Google, aunque también no hay que depender siempre de Google.

Para completar este post pueden leer la fuente | Google Ajax Libraries API, ajax sobre la arquitectura Google