Audiko, herramienta para crear tus propios ringtones

Febrero 28, 2008

Audiko es un sitio (en ingles) que permite crear tus propios tonos o melodías de celular (ringtones) a partir de nuestra música en formato mp3, y además no necesitas registrarte.

Sólo tienes que cargar tu audio o introducir la URL del mismo. Después eliges qué parte de la canción deseas utilizar, puede ser por ejemplo la introducción del tema o la parte mas pegajosa y finalmente descargas el tema en tu celular u ordenador y también si quieres se puede insertar en tu blog, así que simplemente en solo 3 pasos ya tienes tu ringtone listo usar.

El sitio es bastante sencillo y practico y en la pagina principal encontramos los temas que más se han descargado y si quieres ver si tu tema ya está o quieres buscar algún otro, también lo puedes hacer con el respectivo buscador.

De más está decir que todos los temas que han hecho se pueden escuchar de forma online (las canciones cargan muy rápido) , se pueden descargar y/o compartirlas en tu blog. Yo aconsejaría que buscaran y se den el tiempo de “curiosiar” porque tiene una gran biblioteca y muchos temas son inéditos.

Sitio | AudikoVía KillerStarups


Introducción a Mootools

Febrero 28, 2008

Mootools es un framework Javascript muy potente que nos facilitará el desarrollo de interfaces visuales, efectos, manipulación del DOM, manejo de AJAX, entre otras muchas opciones. Además de ser muy ligera, tiene soporte para OOP y además tiene multitud de plugins que te permitirán implementar variedad de aplicaciones fácilmente.

mootools.gif

Empezando con Mootools
Lo primero es descargar la librería, para ello puedes acceder a Download Mootools, donde seleccionas los módulos a utilizar y el método de compresión, para nuestro caso seleccionamos todos los módulos. Descargaremos un archivo con el nombre mootools-release-x.xx.js.txt (Donde x.xx es la versión), el cual lo renombrados a mootools.js y lo colocamos al directorio de nuestro proyecto web.

El siguiente paso es incluir la librería en nuestro html, para poder utilizarlo, para ello colocamos en el header lo siguiente.

  1. <script type=“text/javascript” src=“js/mootools.js”></script>

Detectando los Eventos de Carga
Lo siguiente que debemos hacer el crear un detector de eventos para ejecutar nuestras acciones una vez que se ha cargado la página. Si se llama a las funciones cuando aun no se ha completado la carga se generar errores pues aun hay elementos que no están disponibles.

Para ello existen dos eventos: domready que se ejecuta cuando todos los elementos de la página están listos, pero no espera por las imágenes y load que se ejecuta cuando toda la página incluyendo las imágenes se ha cargado, entonces tendríamos:

  1. <script type=“text/javascript”>
  2. window.addEvent(‘domready’, function() {
  3.      // código – carga sin imágenes completa
  4. });
  5. window.addEvent(‘domready’, function() {
  6.      // código – carga con imágenes completa
  7. });
  8. </script>

Obviamente es mas rápido domready pues no espera que se carguen las imágenes pero ya se tiene disponible todos los elementos de la página para manipularlos.

La función $ (dolar)
La función $() es equivalente a document.getElementById() con el cual se puede acceder a un elemento mediante su identificador. Veamos los siguientes ejemplos:

  1. document.getElementById(‘myDiv’); // accede a mydiv
  2. $(‘myDiv’); // accede al elemento con id=mydiv

La función $$ (doble dolar)
La función $$() es equivalente a document.getElementsByTagName(), pero mas potente pues devuelve un array con los elementos que cumplen la condición.

  1. $$(‘div’); // Array de elementos Mootools
  2. $$(‘a.external’); // Array de enlaces con la class=external
  3. $$(‘a[href=#]‘); // Array de enlaces con href=#

Nuestro Primer Ejemplo
Una vez que tenemos los conceptos básicos, podemos implementar nuestro primer ejemplo, haremos que al cargar la página se aplique el estilo link a todos los enlaces de nuestro html, además pintamos de color rojo al div con nombre diverror, para ello tendríamos el siguiente código:

  1. <script type=“text/javascript”>
  2. window.addEvent(‘domready’, function() {
  3.     $$(‘a’).addClass(‘link’);
  4.     $(‘diverror’).setStyles(‘color: #CC0000′);
  5. });
  6. </script>

Mas Información
Obviamente este es una pequeña introducción con los conceptos más básicos, mas adelante iremos desarrollando mas temas que nos ayudarán a comprender mas las capacidades de Mootools.


Adobe lanza “Air”

Febrero 28, 2008

Adobe Interactive Runtime (AIR) estará disponible para ser descargada en forma gratuita y de código abierto. También serán dados a conocer los consumidores que ya utilizan la tecnología para crear aplicaciones de negocios y consumo.

Adobe lanzará la primera versión de su software de desarrollo de aplicaciones de internet AIR, y según señaló Kevin Lynch, oficial en jefe de Tecnología, cientos de miles de desarrolladores han descargado el kit (SDK) desde que esta tecnología se lanzó como beta el pasado mes de junio. Junto con este anuncio, la compañía revelará qué aplicaciones creadas en este nuevo lenguaje ya se encuentran disponibles.

AIR tendría muchas similitudes con las Rich Internet Applications (RIAs) que han sido creadas usando Adobe Flash y Flex Builder, y actuaría como envoltorio de las mismas, permitiendo que puedan correr en forma local en Flash Player.

Adobe también lanzará Flex3, una nueva versión de su software para desarrollo de estructura de RIA’s, junto con Adobe BlazeDS, tecnología que agilizará la comunicación entre el software encargado de la interfaz y el que corre en el servidor. Los tres lanzamientos serán de código abierto y gratis.

Adobe estaría jugando en un área dominada por Microsoft a nivel de aplicaciones de escritorio y negocios, como su navegador Silverlight y su set de diseño y gráfica epresionje; en caso de que resultara la compra de Yahoo!, el uso de Silverlight aumentaría al dejar atrás el uso de Flash en las aplicaciones web, según fuentes de Microsoft.

Desde Adobe, Lynch señala que le parece un poco difícil que el trato entre Microsoft-Yahoo! promueva el abandono de una tecnología que demoró cerca de 10 años en lograr la aceptación de la mayoría de los internautas, en un 99%. “No es fácil llegar a ese tipo de distribución”, señaló a PCWorld.com y agregó que la compañía no tendría problemas en recibir más competencia, “lo que mantendría a nuestros equipos parados sobre sus pies”.

La adquisición de Macromedia en el 2005, permitió a Adobe la creación de un set completo de herramientas comprensibles, para desarrolladores enfocados en multimedia, desarrollo web y aplicaciones de alto impacto. Sólo Microsoft sería un verdadero rival. Con AIR, la compañía busca involucrarse en el círculo de los negocios y empresas.

Algunos de los consumidores que ya están usando la nueva tecnología de Adobe son el Deutsche Bank con “db-direct” para el escritorio, que informará a los clientes de la actividad en sus mediante con alertas; EBay, uno de los primeros, con “ebay Desktop” para el computador, y AOL, con “Top 100 Music Videos”, que permitirá a los usuarios buscar videos incluso si están offline. A esta lista se agregaría The New York Times Company y The Nasdaq Stock Market.