Bueno es lunes en la tarde, y con estos preparativos de la boda no me da tiempo de postear mucho, por cierto ya casi cumplimos un año aver que se me ocurre para festejarlo.

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

Feliz inicio de semana, una semana algo complicada para mi por múltiples cosas que tengo que hacer(pagar TC, pagar Salon, Pagar art de la casa etc..), pero sin duda postear un buen numero de artículos hará mas amena la semana.

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.

[Javascript]

[/javascript]

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

Leyendo el blog de Andrés Nieto veo una nueva iniciativa de Google, se llama:

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.

Los formularios, se pueden mejorar de diferentes formas, como por ejemplo usando css, como vimos en anteriores posts o agregandole una funcionalidad extra.

Andrés Nieto nos comenta desde su blog, sobre un teclado virtual construido con Javascript, que nos permitirá ingresar texto como nosotros lo deseemos, además de que podemos elegir el idioma del teclado, en el que queramos que se nos muestre, claro, solo cambiara el idioma del teclado(osea la distribución de teclas) mas no lo que escribimos.
Su implementación es realmente fácil solo basta con bajarse el js y el Css.

<script src="http://www.ajaxman.net/wp-admin/keyboard.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="keyboard.css">

Y cuando lo queramos usar simplemente invocamos la clase “keyboardinput” de esta forma:

.
...
<input class="keyboardInput" type="text" />
...
.

La licencia que usa es BSD.

Aprovecho este post para felicitar a Andrés Nieto por sus 3000 posts escritos, los cuales en lo personal me han ayudado muchisimo a aprender y mejorar sobre Javascript, y por supuesto es una fuente de información excelente para mi blog, en hora buena Felicidades Andrés vamos por los 10000 posts.

Nota: Fui al Bugcon, Pero tome un par de fotos, y nos las tengo a la mano, les prometo platicar que tal estuvo, solo que mañana pondré el post.

Vía | Añade un teclado virtual a tus aplicaciones web

Recurso | Javascript Graphical / Virtual Keyboard Interface

Hace tiempo, Asus había hecho pruebas con linux y sus motherboards, la prueba consistía básicamente en:

Que la placa base(Mother-board) traía Linux en el Bios , con lo cual se podía bootear en 5 segundos, y acceder a un ambiente de escritorio con le navegador Mozilla Firefox, además tenia hasta Skype, todo esto gracias el uso de la Distribución Linux “Splashtop“.

Pues creo que Asus se ha puesto las pilas y planea sacar todas sus placas madre con Linux incluido.

Creo que ya podremos irnos olvidando de aquellos discos de arranque del odioso Windows, o del dos, que no servían para nada.

PD: Creo que ya estoy regresando a publicar mas seguido, las visitas siguen en aumento ya casi llegamos a las 1000 por día, forma parte de las estadísticas y visitanos diariamente.
Por otro lado el Sábado asistiré al BugCon, la conferencia sobre hacking que les comente y al parecer no podre estar como la otra vez todo el dia, pero al menos estaré bastante tiempo, haya nos vemos.

Vía | Asus incluirá Linux en todas sus placas madres

Muchos quizas creyeron que ya no postearia, pero se equivacaron, he estado un poco atorado(como siempre), pero poco a poco mostrare mejores cosas.

Hoy leyendo el blog de Jhon Resig, me entero de que el, ha lanzado un proyecto llamado: Pure JavaScript HTML Parser.

Este proyecto , por lo poco que lo probe, se trata de un corrector de codigo html, aunque talvez, muchos digan, que son expertos en HTML, no olvidemos que al estar programando en algun otro lenguaje se nos puede pasar algo de HTML, como cerrar alguna tag.

Esta funcionalidad posee 4 metodos/opciones diferentes de uso.

• Compone Tags no cerradas:

  HTMLtoXML("<p><b>Hello") == '<p><b>Hello</b></p>'

• Elementos Vacios:

  HTMLtoXML("<img src=test.jpg>") == '<img src="test.jpg"/>'

• Bloques vs. Elementos:

  HTMLtoXML("<b>Hello <p>John") == '<b>Hello </b><p>John</p>'

• Cierre de Elementos padre:

  HTMLtoXML("<p>Hello<p>World") == '<p>Hello</p><p>World</p>'

• Atributos deshabilitados.:

  HTMLtoXML("<input disabled>") == '<input disabled="disabled"/>'

Talvez a muchos no nos sea de gran ayuda pero quiza usando este codigo podamos mejorar nuestros codigos HTML, asi como tambien usarlo para algo mas.

Pueden ver el demo de su uso en el siguiente enlace.

Demo | JavaScript HTML Parser

Tendré que hacer una comparación para ver cual framework es la que trabaja mejor, y es que viendo bien a Mootools me he quedado encantado.

Tal vez siga usando Jquery por que realmente me gusta la forma en la que uno la puede usar digamos en pocas palabras es simple, pero la única pega que a veces tenemos es el peso, y recordemos que el peso tiene que ver con la experiencia del usuario, y a veces unos cuantos Kbs de Javascript, puede transformase en alejarse de nuestro sitio web/Blog.

Ahora bien veamos como usarla para poder hacer peticiones XMLHttpRequest osea Ajax.

Como primer paso necesitaremos Descargarnos Mootools de Aquí:

http://mootools.net/download

Ahí hay que elegir los componentes que deseamos bajar, ya que esta librería esta como segmentada.

Debemos elegir solamente Ajax, ya que una vez eligiendo este componente, Mootools carga sus dependencias de componentes automaticamente.

Una vez que hemos bajado el Framewokr vamos a proceder a usarlo “en caliente” o sea sin tanta explicación y saben por que, bueno pues por que su uso es muy fácil, en cuanto tenga un poco mas de tiempo explicare mejor como funciona el core de esta libreria

Primero incluiremos la Librería Mootools

<script type="text/javascript" src="mootools-release-1.11.js"></script>

Posteriormente necesitaremos nuestro código html

<h3>Ejemplo Ajax</h3>
<p><a id="peticion" href="#">Click Aqui</a> para procesar la peticion ajax</p>
<div id="resultado">
	<p>Esperando respuesta.......</p>
</div>

El funcionamiento de este ejemplo es el siguiente, al darle click a el elemento con el ID “peticion”, nos hará una petición ajax y el resultado de este proceso lo mostrara en la capa(div) identificada con el id “resultado”

Como ya tenemos el HTML que usaremos ahora nos falta el Javascript, que actuara en conjunto con Mootools

$('peticion').addEvent('click', function(e) {
	e = new Event(e).stop();

	var url = "pagina2.php";

	/**
	 * la url en cuestion
	 */

       /*
 	* nuevo objeto ajax
	*/
	new Ajax(url, {
		method: 'get',
		// metodo ajax get o post
		update: $('resultado')
		// donde se va  a insertar el resultado
	}).request();
});

Y listo

Creo que no hay mucho mas que explicar, de todos modos si tiene dudas ya saben por algo están los comentarios.

Prometo mas manuales/ayudas sobre el Framework Mootools, que seguro sera de gran ayuda en nuestros desarrollos.

Con información | Mootools Ajax