:: Slides. Plugin de jQuery

Slides es un plugin para jQuery que nos permitirá, de una forma sencilla, crear transiciones de imágenes, siendo posible su adaptación gráfica a nuestras necesidades a través de hojas de estilo.
Algunas de las características que podríamos señalar son: autoejecución, repetición, múltiples tipos de transición, precarga de imágenes, autopaginación, ..., pero sobre todo su facilidad de implementación.

Más información y descarga: http://slidesjs.com

:: Cufón. Librería competencia de sIFR

Cufón es un servicio vía web que hace uso de Canvas/VML, y que pretende ser la alternativa a sIFR para la personalización de las tipografías en la web.

Como ventajas de esta librería podemos señalar:
- No necesita de ningún plug-in
- Sensiblemente más rápida que sIFR
- Facilidad de uso
- Compatibilidad con la mayoría de los navegadores

Más información: cufon.shoqolate.com

:: SIFR. Uso de tipografías

SIFR es una libreria que nos permite el uso de cualquier tipografía en un sitio web, independientemente de que el usuario la tenga o no instalada en su equipo.
Esta solución(Scalable Inman Flash Replacement) utiliza CSS, javascript y flash para reemplazar el texto de una determinada etiqueta por una animación flash que contiene la tipografía a utilizar.

Los pasos para hacer uso de la libreria son los siguientes:

1.- Decargaremos la libreria SIFR de la siguiente url: www.mikeindustries.com/blog/sifr/

2.- Descomprimiremos el fichero descargado en la carpeta correspondiente

3.- En nuestra página especificaremos las hojas de estilo que utilizaremos con la librería

sIFR-screen.css
sIFR-print.css

4.- Insertaremos el código javascript para hacer uso de la librería

script src="sifr.js" type="text/javascript"

5.- Exportar el fichero sfir.fla a .SWF
Abriremos el fichero .fla y modificaremos el contenido necesario. Para proceder a su exportación seleccionaremos:Archivo > Exportar
Para llevar a cabo este proceso de exportación, los siguiente ficheros deberán estar en la misma carpeta que el fichero sfir.fla, pero no tendremos que subirlos al servidor:
- customize_me.as (fichero ActionScript)
- dont_customize_me.as (fichero ActionScript)

6.- Configuración de sIFR
Podemos modificar el comportamiento de la libreria mediante la asignación de un valor booleano a determinadas propiedades. Este proceso podemos llevarlo a cabo en una función javascript.

if(typeof sIFR == "function"){
sIFR.bHideBrowserText = false;
sIFR.setup();
};

Mediante el código anterior, indicamos que el texto a mostrar se muestre durante la carga de la librería.

7.- Reemplazar la fuente
Para proceder al reemplazo de la fuente deseada, llamaremos al método:

sIFR.replaceElement

Para la llamada al método debemos pasar una serie de parámetros en el orden indicado:
- sSelector. Selector utilizado para reemplazar las clases CSS
- sFlashSrc. Ruta del fichero swf
- sColor. Color
- sLinkColor. Color del enlace
- sHoverColor. Comportamiento del "hover" del enlace
- sBgColor. Color de fondo
- nPaddingTop, nPaddingRight, nPaddingBottom, nPaddingLeft. Espaciado
- sFlashVars. Variables adicionales pasadas al flash
- sCase. Paso a mayúsculas o minúsculas
- sWmode. Transparencia

if(typeof sIFR == "function"){
sIFR.replaceElement("titulo", named({sFlashSrc: "./netic360.swf", sColor: "#DCDCDC", sCase: "upper"}));
};

Más información: www.mikeindustries.com/blog/sifr

:: WeatherBug. API del Tiempo

WeatherBug es una API para construir aplicaciones relacionadas con las previsiones meteorológicas -más o menos en tiempo real - de una determinada zona.
Para comenzar a utilizarla, es necesario un registro previo, por lo que deben leerse las condiciones de uso. Una vez registrados, se nos asignará una clave que irá asociada a nuestras llamadas a los distintos métodos.

A continuación realizaremos un ejemplo de uso de esta API.
1.- Nos registaremos en la siguiente url
2.- Tras cumplimentar los datos requeridos, recibiremos un correo electrónico en el buzón especificado, completando el proceso de registro pulsando sobre la url que aparece en el mensaje
3.- El servicio - tal y como nos informan en el correo - puede tardar unas horas en estar activo, por lo que obtendremos un mensaje de "Acceso denegado"
4.- Creamos un ejemplo en el que nos interesa saber la predicción del tiempo y temperatura de una ciudad

//Clave de la API
$CTE_CLAVE_API='XXXXXXXXXX';

//Longitud y latitud
$CTE_LONGITUD=XXXXXXXX;
$CTE_LATITUD=XXXXXXXX;

//Tipo de unidad. En nuestro caso Sistema métrico decimal
$CTE_TIPO_UNIDAD=1;

//Tipo de salida. En nuestro caso fichero XML
$CTE_TIPO_SALIDA=1;

//Realizamos la llamada
$data = file_get_contents('http://'.$CTE_CLAVE_API.'.api.wxbug.net/getLiveWeatherRSS.aspx?
ACode='.$CTE_CLAVE_API.'&lat='.$CTE_LATITUD.'&long='.$CTE_LONGITUD.
'&UnitType='.$CTE_TIPO_UNIDAD.'&OutputType='.$CTE_TIPO_SALIDA);


//incluimos el archivo con la funcion 'xml2array.php'
include('xml2array.php');
//guardamos el archivo xml en un array
$result = xml2array($data);

//Fecha
$anio=$result['aws:weather']['aws:ob']['aws:ob-date']['aws:year_attr']['number'];
$mes=$result['aws:weather']['aws:ob']['aws:ob-date']['aws:month_attr']['number'];
$dia=$result['aws:weather']['aws:ob']['aws:ob-date']['aws:day_attr']['number'];

//Hora
$hora=$result['aws:weather']['aws:ob']['aws:ob-date']['aws:hour_attr']['hour-24'];
$minuto=$result['aws:weather']['aws:ob']['aws:ob-date']['aws:minute_attr']['number'];
$segundo=$result['aws:weather']['aws:ob']['aws:ob-date']['aws:second_attr']['number'];

//Temperatura
$temperatura=$result['aws:weather']['aws:ob']['aws:temp'];

//Predicción
$prediccion=$result['aws:weather']['aws:ob']['aws:current-condition'];
$icono_prediccion=$result['aws:weather']['aws:ob']['aws:current-condition_attr']['icon'];
?>

El código siguiente correspondería a la presentación de los datos, y también podríamos realizar un tratamiento previo para el proceso de IN18.

Más información: weather.weatherbug.com

:: jPlayer. Reproductor mp3

Se trata de un plugin de la librería jQuery que permite reproducir archivos mp3 en entorno web. Además es posible realizar diversas modificaciones por medio de HTML y CSS para adaptarlo a la linea gráfica de nuestra web.

Más información en la página de jPlayer

Ejemplo de cómo utilizar jPlayer
1.- Descargar y extraer la libreria
2.- Crearemos una página HTML y referenciaremos a la libreria
3.-