Como instalar Firefox 20 en Ubuntu 11.04

Ubuntu 11.04 parece no dar soporte a la última versión de Firefox, por lo tanto para tener instalada la última versión de este navegador, que es el que uso habitualmente, tuve que hacerlo a mano. Para verlo vamos al lío.

Imágen de la página de Firefox

1.- Descargar Firefox

Para descargar la última versión nos dirigimos a la página de Mozilla Firefox y seleccionamos la versión que corresponda con tú sistema operativo. Por defecto, la página suele ofrecerte la versión que necesitas. Lo guardamos en algún sitio de tu pc. En mi caso directamente en el Escritorio.

2.- Descomprimir paquete

Lo siguiente que tuve que hacer fue descomprimir el paquete descargado que se llama firefox-20.0.tar.bz2. Para ello utilicé el gestor de archivadores por defecto que aparece instalado en Ubuntu 11.04.

3.- Mover a opt

Movemos la carpeta Firefox a la carpea "/opt".En esta carpeta suelen instalarse varios programas. En mi caso Firefox no está instalada en esta carpeta, ya que en su momento lo instalé desde el Centro de software de Ubuntu y lo instala en otra directorio diferente. También podéis usar el siguiente comando en la consola, si es que os gusta más, para moverlo.

sudo mv firefox /opt/firefox

Tanto con la opción gráfica como con la opción por terminal hay que tener permisos suficientes para mover la carpeta a su destino.

Galería dinámica con Lightbox y PHP (II)

Ver los efectos de la página Original Hover Effects me ha motivado para crear una demo similar (la suya es más guay) implementándola como Galería dinámica con lightbox y PHP.

No penséis que va a ser exactamente igual, ya que también me ha motivado a escribir un nuevo código PHP que facilite la implementación de la galería, esta vez utilizando un clase en PHP y no implementando el código en la propia página.

Bueno, lo primero es lo primero, aquí os dejo la demo Galería dinámica con lightbox y PHP (II) y, a continuación vamos a ver las partes del código más importantes, aunque más abajo pondré enlaces para descargar el ejemplo completo en PHP y en HTML.

Slideshow sencillo con CSS3 y JavaScript

Aprovechando las capacidades de CSS3 y un poco de JavaScript, he decidido crear dos slideshow bastante sencillos, teniendo en cuenta los que podemos ver en algunas páginas últimamente.

Podéis ver las demos del slideshow con efecto opacidad y el slideshow con efecto persiana.

Para este ejemplo no se ha usado ninguna librería de JavaScript, lo que se consigue que este sea lo más liviano posible en cuanto a peso se refiere. Al ser un ejemplo bastante sencillo no he visto conveniente usar alguna, ya que el script solamente se encargará de modificar los class de una lista de imágenes, y el peso de la animación recae sobre el CSS y las nuevas propiedades que proporciona su última actualización.

Ejemplo slideshow efecto opacidad

HTML

Para ello vamos a ver el código HTML.

<ul id="galeria">
  <li><img src="../img/rascafria-1.jpg" border="0" alt="Rascafría" /></li>
  <li><img src="../img/rascafria-2.jpg" border="0" alt="Rascafría" /></li>
  <li><img src="../img/rascafria-3.jpg" border="0" alt="Rascafría" /></li>
</ul>

Como aumentar 15 Gb la memoria en Symbian OS

De un tiempo a esta parte nos encontramos con un gran número de servicios en la nube. En este post voy a recomendar el que ofrece el equipo de 4shared y que nos permite guardar hasta 15Gb gratuitamente, eso si, con ciertas restricciones que no voy a entrar a valorar.

Crear la Unidad Remota

Con un móvil bastante básico para lo que podemos encontrar en el mercado actual, un Nokia C5-00 con Symbian OS y conexión a internet, es con el que vamos a realizar este aumento de memoria, de forma gratuita y sin instalar ningún programa adicional. Para ello lo primero que hice fue una cuenta gratuita en 4shared.com.

Móvil Nokia C5-00

Una vez registrados y con nuestra cuenta activa lo siguiente es crear en mi móvil una Unidad Remota, que conectaré al servidor que ofrece este servicio. Para ello solo tenemos que ir a Gestor de archivos de nuestro móvil. Si es la primera vez que entramos veremos dos unidades, la interna del móvil y la tarjeta. Si pulsamos en Opciones veremos que podemos gestionar Unidades remotas.

Uso de CSS 3 - Transiciones (II) - Creación de un menú

Hoy un pequeño apunte de como crear un menú con HTML y CSS 3 que no tendrá nada que envidiar al de algunas páginas creadas completamente en Flash.

Al principio de este post, quería conseguir replicar el menú de la web de Apple, pero este hace uso de JavaScript en la opción del buscador (o yo no he sabido conseguir ese efecto solo con CSS 3), y el objetivo principal de este post es crear un menú enteramente en CSS 3, en lo que respecta a su comportamiento.

Para los más impacientes lo primero es mostrarle la demo del menú en CSS 3.¿os gusta?, bien pues vamos a ponernos manos a la obra...

Lo primero es el código HTML que he usado: