Archive for the ‘General’ category

Rediseño inminente

Julio 12th, 2008

Holaps!

Creo que ya es hora de cambiar el diseño del wordpress. Nunca he tenido uno propio y ya toca.

Para los que querais informaros sobre cómo se hace un diseñlo nuevo para un blog gestionado por wordpress os dejo el link a la página de documentación oficial de Wordpress donde trata el tema. Ahora solo queda dejar volar la imaginación.

Un saludo a todos y que paseis buenas vacaciones!

Montar partición del disco duro al arranque en Ubuntu

Julio 9th, 2008

En Ubuntu cuando arrancas el sistema no es como en Windows que se montan todas las particiones del disco duro al principio.
En Ubuntu solo se monta (por defecto) la partición donde tienes el sistema de archivos, por lo que si tienes algún programa en otra partición, o datos a los que suelas acceder con frecuencia, tienes que montar la partición siempre la primera vez que vayas a acceder.
Aunque esto no supone demasiada molestia porque Ubuntu las reconoce y las monta automaticamente cuando haces click en la unidad (en el menú Lugares están todas las particiones que Ubuntu reconoce).

Pero el problema viene cuando tienes más de una partición en el disco duro. Ubuntu pone el alias de /media/disk a la primera partición del disco duro en montarse, disk-1 a la segunda, disk-2 a la tercera y así sucesivamente y todos los puntos de montaje los guarda en el directorio /media/.
Imaginemonos que tenemos el sistema de archivos de Ubuntu, una segunda partición ext2 y la partición ntfs de Windows. Dentro de la segunda partición (la del tipo ext2) tenemos un directorio con toda nuestra música que se llama ‘Musica’.
Lo que queremos hacer ahora es indexar toda la biblioteca musical en un programa tipo Rhythmbox y lo que hacemos es montar la partición de manera que la ruta será /media/disk (suponiendo que no hemos montado ninguna otra antes). Entonces indexamos nuestra biblioteca musical a partir del directorio /media/disk/Musica y escuchamos música sin parar.

Apagamos el ordenador y lo encendemos de nuevo. Montamos la partición de Windows (/media/disk) porque necesitamos coger algún dato y montamos la partición ext2 para escuchar música (/media/disk1). Y tachán! Ya tenemos el error porque Rhythmbox busca el archivo de música que quieras escuchar en /media/disk/Musica (que es donde pusiste que indexara) y no encuentra nada porque realmente está en /media/disk1/Musica.
Esto sucede porque al montar primero la partición de Windows le diste el nombre de /media/disk. Para escuchar música lo que tendrías que hacer es desmontar las 2 y volver a montar partición ext2 para que tuviera el nombre /media/disk y poder escuchar música. Y esto si que es molesto :p

La solución está en montar la partición ext2 al arranque de Ubuntu y darle un nombre concreto. De esta manera no cambiará nunca la ruta /media/NOMBRE_CONCRETO y así no tendremos el problema.

Para hacer esto existe un archivo que se llama fstab que es la que ordena el montaje de las particiones y dispositivos al inicio de Ubuntu (tanto es así que este archivo ordena el montaje del sistema raiz). Lo primero que tienes que hacer es saber el nombre del dispositivo en el directorio /dev/. Para ello si usas Gnome puedes utilizar la herramienta gparted.

$ gparted

Y ves como se llama tu particion. En mi caso es sda7. Esto significa que /dev/sda7 es el enlace a la partición. Una vez tienes localizado el nombre del enlace debes editar el archivo fstad que está dentro del directorio /etc. (usa otra instrucción sino usas Gnome)

$ sudo gedit /etc/fstab

Una vez tengas abierto el editor verás que hay ya líneas escritas que son las que corresponden con el montaje del sistema raiz o la partición swap. Ahora escribes al final del archivo:

#Particion secundaria
/dev/sdaN    /media/NOMBRE_CONCRETO ext2    auto,nodev,rw,noexec,sync,user    0    0

Sustituyendo /dev/sdaN por el nombre del enlace que conseguiste antes mediante gparted. Y sustituyendo también NOMBRE_CONCRETO por el nombre que le quieras dar (yo tengo Secundario). Ten en cuenta que los espacios que hay entre parámetro y parámetro son tabulaciones.

Ahora lo último que tienes que hacer es crear el punto de montaje. Para esto solo tienes que crear en /media un directorio que se llame NOMBRE_CONCRETO (el nombre que le hayas dado, en mi caso Secundario):

$ sudo mkdir /media/NOMBRE_CONCRETO

Ya está todo hecho, ahora para probarlo puedes hacer dos cosas: Reiniciar el ordenador o ejecutar:

$ sudo mount -a

Y ahora ya puedes indexar tu música o lo que quieras sin miedo a que cambie de nombre el punto de montaje.

Un saludo!

Reinventando la rueda

Julio 9th, 2008

Hola gente!

La he cagado. La he cagado mucho porque he intentado actualizar mi versión de Wordpress a la 2.5.1, no he hecho ninguna copia de seguridad aunque ellos te lo aconsejen en las instrucciones de actualización y la he cagado.

Lo único que he podido salvar ha sido al base de datos antigua así que voy a intentar portar todos los post manualmente a esta versión de Wordpress. Ya os digo que tal he terminado!

Por cierto, he terminado los exámenes. Os espera un renacimiento (aunque lo diga cada 9 meses :))!

Un saludo a todos

Actualización: Desde luego hoy no es mi día. El backup que he hecho de la base de datos está corrupto y no se abre. Genial.

Segunda actualización: Manualmente he ido poniendo los posts más visitados. Así que bueno, el mal es menor. Demos gracias al caché de Google.

float: left/right

Junio 5th, 2007

Yo creo que todos conocemos la propiedad de CSS de float. Que sirve para dejar “flotando” a la derecha o a la izquierda de la págína un bloque de información. La putada de esta propiedad es que si por ejemplo pones una capa flotando a la izquierda (left) el contenido que pongas a continuación se queda en la misma línea donde empezó a flotar la capa. Mejor lo explico con ejemplos.

Imaginemos el siguiente código:

<div style="width: 50%; float: left;">Soy una capa flotando a la izquierda</div>
<div>Yo soy una que se supone que está abajo</div>

Según el HTML una está debería de estar debajo de otra (prueba quitando la propiedad float y verás) pero como tiene la propiedad CSS de flotar a la izquierda pues hace eso. Flota. De manera que la siguiente capa que debería de estar abajo pero como está flotando empieza a la misma altura que la otra.

Esto es muy útil, por ejemplo para poner una imagen y que su descripción en vez de estar abajo esté a la misma altura. Por ejemplo. Como podeis ver en el ejemplo la imagen del curso está a la derecha de la descripción pero a la misma altura (en vez de float: left; se pone float: right;)

Sino existiera esta propiedad las imagenes quedarían así como en este ejemplo. Que como podeis ver todos los manuales están a diferentes alturas.

Esta es la ventaja que tiene lo de usar el float. Pero también tiene sus inconvenientes. Imagínate que quieres hacer un diseño con dos columnas en la misma altura y un pie de página esté abajo.

Pongamos el siguiente código, por ejemplo:

<div style="width: 30%; float: left; background-color:#666666;">Soy el menu de la izquierda</div>
<div style=”width:69%; float: right; background-color:#CCCCCC;”>Yo soy el contenido de la derecha </div>
<div style=”width: 100%; background-color:#333333;”>Soy el pie de página</div>

Según esto debería de estar el pie de página abajo y ocupando toda la pantalla. Pero no lo hace por lo mismo que antes el texto se ponía al lado de la imagen. Para arreglar estos problemitas existe la propiedad poco conocida pero infinitamente útil de clear.

Prueba esto ahora:

<div style="width: 30%; float: left; background-color:#666666;">Soy el menu de la izquierda</div>
<div style=”width:69%; float: right; background-color:#CCCCCC;”>Yo soy el contenido de la derecha </div>
<div style=”clear: both;”></div>
<div style=”width: 100%;
background-color:#333333;">Soy el pie de página</div>

Como ves la cosa cambia y la cosa queda exactamente como queriamos. La explicación es que la propiedad clear hace que se tome la altura del div más largo de los que están flotando (el que llega más abajo) como altura inicial para nuevas capas.

Espero que os sea útil para vuestros diseños!

Para probar todos los ejemplos métete en este editor html online 

Configurar red inalámbrica (con WPA) en Ubuntu

Abril 24th, 2007

Estoy probando esto de Ubuntu que tanto dicen y he tenido algún problemilla con la red inalámbrica. Si quereis saber como configurar redes inalámbricas en Ubuntu sigue leyendo (es una traducción de la fuente)

Bueno, para empezar tienes que abrir un terminal de consola nuevo (Aplicaciones->Accesorios->Terminal). Dentro de la consola tienes que poner lo siguiente:

sudo apt-get update
Te pedirá el password. Ponlo
sudo apt-get install
sudo apt-get install wpasupplicant
sudo apt-get install network-manager-gnome network-manager

Con esto acabamos de descargar e instalar los paquetes necesarios para poder conectarnos a redes con seguridad WPA y para gestionar las redes desde gnome.

Ahora vamos a configurar un par de cosas. Escribe lo siguiente:

sudo gedit /etc/network/interfaces
Se te abrirá el editor de texto Gedit. Pues pon un ‘#‘ delante de todas las líneas que no tengan que ver con la interfaz ‘lo‘. Os pongo el mio:
auto lo
iface lo inet loopback
 
#auto eth0
#iface eth0 inet dhcp

 
#iface eth1 inet dhcp
#wireless-essid 3Com
 
#auto eth2
#iface eth2 inet dhcp
 
#auto ath0
#iface ath0 inet dhcp
 
#auto wlan0

#iface wlan0 inet dhcp
 
#auto eth1

Teneis que dejar algo parecido a eso. Cuando lo tengais teneis que crear un archivo para configurar el wpasupplicant. Escribis lo siguiente:
sudo echo "ENABLE = 0" >> /etc/default/wpasupplicant
Ahora solo queda reiniciar el demonio (creo que es un demonio :P) dbus (que es el que controla las redes) con el siguiente comando:
sudo /etc/init.d/dbus restart

Cuando se haya reiniciado verás en el menú de gnome que ha salido un iconito nuevo. Solo tienes que darle click para ver las redes disponibles y conectarte!

Si quieres ver el artículo original

Espero que os sea util!

Menús de navegación CSS

Febrero 22nd, 2007

He estado mirando algo de información para hacer menús de navegación en CSS. Estos menús son bastante prácticos para organizar las secciones (parecidos al menú de Inicio de Windows). Aquí teneis!

37 técnicas por un lado

Menús un poco raros

1 vertical y otro horizontal

Usar listas para cualquier menú

Varios tutoriales sobre menús básicos y más avanzados

Y luego, he encontrado este programita desarrollado por OverZone Software que es genial. Puedes agregar secciones y elegir entre muchos tipos de menús para luego exportar el código HTML. Está realmente bien. Por lo menos para tener la base y luego ya si eso toqueteas algo para personalizarlo.

En fin, con esto yo he tenido suficiente para ideas y para saber hacerlos bastante a mi bola. Espero que os sea útil!

¿Qué necesita un programador de PHP?

Mayo 9th, 2006

Cuando yo me pongo frente a la pantalla a trabajar necesito una serie de programas indispensables y unos cuantos links que me hacen la vida mucho más fácil a la hora de solucionar problemas o mejorar aspectos de mi programa.

En mi caso (si, soy un pijo) necesito que la síntaxis del código esté coloreada y también necesito que cuando escribo una función salga una ayuda que me indique el orden de los argumentos de dicha función. Para ello he encontrado este pedazo de programa (Gracias Vicente!). El programa se llama PHP Expert Editor y cumple todo lo que cualquier programador necesita. Si además le sumas que es GNU hace que sea una pedazo de elección.

Otra opción que me han comentado mucho es Notepad++ que parece un editor sencillo, ligero y que cumple las dos funciones que a mi me chiflan. Que autocomplete funciones y que coloree la síntaxis. Además la web está curiosa. Yo no he probado este programa pero según han comentado es el mejor en cuanto a sencillez de interfaz. Además este si que es GNU :P

Para los linuxeros está el vim que tanto comentan pero si quereis algo más gráfico podeis encontrarlo en Quanta o Bluefish.
MySQL Front también es una muy buena herramienta para gestionar las bases de datos. Muy intuitiva y rápida.

Luego está el programa para diseñar bases de datos más o menos complicadas que se llama DB Designer. Este programa está muy bien porque puedes crear bases de datos “visualmente”, cruzarlas, combinar claves primarias, etc. Además el propio programa sincroniza la base de datos que tienes diseñada con la base de datos del servidor. No he encontrado el sitio oficial pero se puede descargar desde aquí.

También está el plugin para Firefox por excelencia para los programadores/diseñadores web. IE Tab consiste en un pequeño icono al lado del de GMail Notifier con el cual puedes ver las webs tal y como se verían en Internet Explorer pero sin tener que cambiar de navegador (solo para Windows). Muy útil para darnos cuenta de todos los errores que el señor Internet Explorer nos da en nuestros diseños.

Hay otro plugin para Mozilla Firefox que es el Web Developer Toolbar. Este plugin incorpora una barra horizontal en el navegador con muchas opciones y muy útiles para ver un poco más “a fondo” las webs (subrayar las celdas, desvincular CSS, desactivar JS, etc.)

También me acaban de comentar un debugger que parece que está bien. Personalmente no puedo aportar ningún comentario sobre él ya que no uso debuggers. El programa en cuestión se llama DBG y parece que está bien.
Por último están los enlaces muy útiles para desarrollar cualquier sitio web:

El primero es, obviamente, PHP.net
El siguiente es PHP-Hispano.net

Por último, como siempre, Mr. Google

Eso es todo por hoy, espero que os haya sido útil para desarrollar vuestras páginas web :)

Actualización: Gracias a Anieto2k por esta lista de programas en MySQL