Instalacion de Spotify en Fedora 17

En este post voy a explicar como instalar Spotify en fedora. Introduciendome en el mundo de fedora (aferrado siempre a windows...) me esta empezando a gustar algo este sistema operativo y llevo varios dias investigando como instalar aplicaciones, personalizarlo y varias cosas sobre este s.o que nunca habia utilizado.

Lo primero que debemos hacer para instalar Spotify es descargar y instalar el programa "wine" , para ello nos vamos a la terminal y como root escribimos:
   sudo yum install wine

Una vez termine la instalacion de wine pasaremos a comprobar que el sonido funciona con el programa, escribiendo en la consola lo siguiente:
   winecfg 
En la ventana que nos aparece vamos a la pestaña de audio y pulsamos el boton de probar sonido. Si el sonido esta correctamente escucharemos un ruido.

A continuación descargamos la version para windows de Spotify.

Para instalar Spotify simplemente nos vamos a la carpeta donde se ha descargado y pulsamos boton derecho y lo abrimos con wine.

Si has seguido todos los pasos correctamente ¡Enhorabuena ya tienes Spotify instalado!

Carga de imagenes mediante un array en Javascript

La verdad es que esta tarea dio algún que otro dolor de cabeza al principio, ya que "choca" un poco que las imágenes las contenga un array,  pero después de probar lo siguiente todo fue mas fácil.

Creamos un array y lo vamos definiendo con  las rutas relativas de las imágenes (donde se encuentran).

var misImagenes= new Array(3)
  misImagenes [0]= "./img/001.jpg";
  misImagenes [1]= "./img/002.jpg";
  misImagenes [2]= "./img/003.jpg";
  misImagenes [3]= "./img/004.jpg";

Una vez creado el arrray crearemos una pequeña función que nos permita hacer la carga de imágenes, aclarar que para que la función funcione debemos tener una imagen en nuestro código html con el id="imagen":

<img name="imagen" id="imagen" alt="Imagenes">

---

function cargarImagen(){
  document.imagen.src = misImagenes[i];}

Si os fijáis no ha sido necesario utilizar ninguna función DOM para cambiar el "source" de la etiqueta img, simplemente poniendo su id después de "document", aunque si lo hiciéramos con una función DOM quizá quedaría un poco mas claro:

function cargarImagen(){     var imagen = document.getElementById("imagen");     document.imagen.src = misImagenes[i];}

Ya solo nos quedaría implementar una variable "i" al principio del código que tomará valores aleatorios entre 0 y 3 y ya tendríamos una imagen diferente en cada recarga de la pagina, y hecho en Javascript!.

var i = Math.round(Math.random()*3);

Selectores En CSS

Bueno hemos comenzado un tema nuevo en la asignatura!! El tema que vamos a ir viendo es de hojas de estilo (css). Tras una explicación introductoria de David (el profesor) el otro día me quede con una duda que el mismo me resolvió y que ahora posteo para los que tengan dicha duda tambien.
 Resulta que llevo un tiempo manejando hojas de estilo para varias paginas web y modificandolas a mi antojo, pero todo esto lo hacia sin saber diferenciar bien los selectores yo manejaba bien los selectores de tipo o de etiqueta que se explicaran mas adelante pero mi gran duda era... ¿Cuando usar selectores id o selectores de clase?
La respuesta es sencilla: El selector id se utiliza cuando queremos aplicar un estilo a un solo elemento de la pagina. Este selector permite seleccionar un elemento a través del valor de su atributo id. El valor de dicho atributo no puede repetirse en dos elementos diferentes de una misma pagina.
 Por otro lado los selectores de clase también se aplican a un elemento de la pagina pero estos se pueden usar varias veces en la misma pagina. Se usan simplemente poniendo dentro del elemento el atributo de la clase.

Ejemplos:
*Selectores de Id:
  Primero definimos el código css del selector:
   #destacado{ color: red; }

   Después aplicamos el selector a la etiqueta html deseada
   <p> Párrafo 1</p>
   <p> Párrafo 2 </p>
   <p id="destacado"> Párrafo 3</p>


*Selectores de clase:
  Para definir un selector de clase creamos en el archivo css una regla con los estilos que se aplicaran al elemento:
   .destacado{ color: red; }
En este caso en vez de llevar # delante del nombre del selecto se utilizara un punto.
 Este selector se interpretara en la pagina como cualquier etiqueta que lleve un atributo class que se llame destacado recibira el estilo de dicho selector: 
   <p> Párrafo 1</p>
   <p> Párrafo 2 </p>
   <p class="destacado"> Párrafo 3</p>

Bueno espero que os haya quedado un poco clara la diferencia entre estos dos selectores. En el proximos post hablare de mas selectores y mas trucos para css. Saludos!!!!