Ludo//Bermejo | Tecnología, literatura y frikismo en el mismo sitio

Mis (buenos) propósitos para el año que comienza

diciembre 31st, 2011 | by ludo | about me

dic
31

35890463_a8d4907c04_b

Siguiendo la estela del Maestro Terrax, me apunto a la idea de hacer un pequeño resumen de mis propósitos para el nuevo año. O lo que es lo mismo, una forma de exponerlos en público para ver si me obligo a cumplirlos. No los pongo en orden de preferencia porque sé que eso es imposible, pero los dejo caer

Aquí están mis diez propósitos:

1º) Llevar a buen término los eventos Érebo

Como alguno ya sabrá, formo parte de la organización de Érebo, asociación que realiza, entre otras cosas, eventos de rol en vivo. Empezamos nuestra andadura allá por el 2010 y realizamos nuestra primera partida en Febrero de 2011. Ahora tenemos más miembros en la organización y nos hemos embarcado en un montón de proyectos; da un poco de miedo (o bastante), pero creo que hemos dado un paso en la dirección correcta. Ahora, a ver a donde nos lleva.

2º) Que The Mad Video INC funcione

Posiblemente la próxima semana sea la última que pase en mi trabajo: he entrado en una start-up norteamericana para el desarrollo de video interactivo. Es una apuesta arriesgada: como todas las empresas tecnológicas de su tipo competimos con el tiempo, con los rivales y con el dinero. Espero que todo salgo estupendamente. ¿Quién dijo miedo?

3º) Leer más

Apenas si tengo tiempo libre y el escaso que tengo lo suelo utilizar en idioteces. Me gustaría poder enfocarme y leer más libros, sobre todo libros útiles para mi cuarto propósito. No es fácil: sacar tiempo de donde no lo hay me obliga a dormir 6 horas y media al día. Pero si puedo dormir 6…

4º) Escribir más

Una asignatura pendiente: necesito escribir más. Es la única forma de mejorar. Tengo que centrarme, terminar la media docena de cuentos que tengo empezados y seguir. La meta de 1000 palabras al día se me antoja imposible, pero obligarme a escribir cada tres días es algo que puedo lograr. Solo necesito centrarme un poco.

5º) Aprender más tecnologías

Una de las obligaciones en mi trabajo es mantenerme al día en todo tipo de tecnologías. Lamentablemente este último año lo he pasado preparando cosas para mi nueva empresa y he pasado muy poco tiempo estudiando. Quizás en The Mad Video consiga mi sueño adorado, que es conseguir que me paguen un curso para aprender alguna cosa. En fin, ya veremos

6º) Aprender mejor inglés

Pues eso, ahora que estoy en una empresa yankee sería lo suyo

7º) Avanzar con la ambientación de Érebo

Chus y yo hemos dado un buen tiento a la historia de Érebo, pero necesitamos avanzar mucho más. Es un tema francamente apasionante y extremadamente difícil, pero creo que estamos haciendo un gran trabajo… una mezcla entre pequeños cuentos, crono-historia, ambientación y textos literarios. Muy interesante (aunque esté mal que lo diga yo).

8º) Mundo freelance

En los últimos años he perdido mis contactos en el mundillo freelance, contactos que me venían muy bien para comprarme gilipolleces. Tengo que empezar a moverme de nuevo a ver cómo está el mercado y ver qué se necesita.

9º) Arreglar la casa

Está hecha un desastre. ¿Será este el año en que pida la hipoteca para hacer las reparaciones? No lo creo pero tengo que intentar al menos adecentarla. ¡Ánimo para mí mismo!

10º) Estudiar “letras”

Estudié informática porque me apasiona, pero tengo grandes carencias en cuanto a formación clásica, carencias que me limitan a la hora de, por ejemplo, escribir. Tal vez debería coger los libros de antropología de la UNED y estudiarlos, o leerme de una vez los tomos de la Historia Universal que tengo pendientes. En cualquier caso, tengo que avanzar también por ahí.

Y bueno, creo que eso es todo. Hay por supuesto más propósitos, pero estos son los más “urgentes”. ¿Preparado para cumplirlos?

¡Por supuesto que sí!

Volviendo sobre Ubuntu. Personalización de escritorio

noviembre 17th, 2011 | by ludo | sin categoría

nov
17

Pantalladockfinal

Bien, llevo aproximadamente tres semanas con Ubuntu 11.10 y no estoy demasiado satisfecho.

¿Las razones? Principalmente Unity, el entorno de escritorio escogido por Canonical. En mi netbook el escritorio se arrastra como una tortuga. La anternativa, Gnome 3.2, tiene un bug con la resolución de mi portatil (1024×600) y le impide funcionar correctamente. Además, los dos consideran innecesario el uso del escritorio, elemento al que me he acostumbrado con el paso de los años y que considero aumenta mi productividad.

En fin, que después de mucho debatir conmigo mismo y considerar las posibilidades, he dedicidio probar con el entorno Gnome Classic, solo que modificado para adecuarse a mis necesidades. Veamos, entonces, los pasos para conseguirlo.

Lo primero que necesitamos es el gnome-classic, o el modo gnome-session-fallback, que es el modo que se arranca si el Unity da problemas. Si no lo tienes instalado lo mejor es entrar en la linea de comandos y hacerlo:

sudo apt-get install gnome-session-fallback

Bien, lo siguiente que voy a instalar es el Cairo-Dock, una barra de herramientas similar a la de Mac-OSX, pero con posibilidades de configuración bastante más elevadas. Resulta extremadamente sencillo instalarla, basta con ejecutar

sudo add-apt-repository ppa:cairo-dock-team/ppa
sudo apt-get update
sudo apt-get install cairo-dock cairo-dock-plug-ins

Listo, con esto tendremos instalado nuestro dock, con algunos plugins. Lo siguiente será salir de nuestra sesión e iniciar una nueva, pero con el entorno de escritorio Cairo-Dock (with Gnome and effects). En mi caso, el escritorio se queda así:

Como veréis, un entorno limpio, con una barra de abajo bastante maja. Ahora, ¡vamos a personalizarlo!

Lo ideal es escoger uno de los temas concretos que tiene Cairo-Dock para empezar a trabajar. En mi caso he me decanto por Humanity-Dock, que tiene un panel superior con algunos atajos de teclado bastante interesantes. Para elegir este tema, solo tenéis que pulsar con el botón derecho en la barra de Cairo, seleccionar Cairo-Dock y de ahí, Administrar temas. Así es como se vería actualmente el tema.

Bueno, ya tenemos un par de docks superiores para informarnos de cositas. Ahora bien, ¿qué notamos? Que la barra de notificaciones no existe. No sé si estoy contectado a internet, si está descargando el dropbox. ¿Donde está la notificación?

Vamos primero con las notificaciones. Cairo-Dock nos permite añadir un plugin de notificaciones. Solo tenemos que:

1) Pinchar con el botón derecho del ratón sobre la brra

2) Cairo-Dock

3) Configurar

4) Pestaña Componentes adicionales

5) Añadir el área de notificación

¡Pam! Ya tenemos nuestra área de notificación

Claro que ahora lo que hecho en falta es un buen lanzador por texto. Algo parecido al gnome-do, pero más ligero. En esta ocasión voy a probar el Kupfer, que ha mejorado mucho en los últimos años. Para instalarlo en Ubuntu, hay que seguir estas instrucciones:

sudo add-apt-repository ppa:kupfer-team/ppa && sudo apt-get update
sudo apt-get install kupfer

Luego, solo tenemos que ejecutarlo y ya está, tenemso nuestro launcher personalizado

Aquí os dejo mi nuevo escritorio. He dejado por encima la pantalla de kupfer, para que veáis como queda.

Bueno, pues ya sabéis. No tengáis miedo de trastear, que tampoco es para tanto. Y pueden salir cosas muy chulas

Bitbucket. Una alternativa gratuita a GitHUB

octubre 26th, 2011 | by ludo | oncloud, software

oct
26

Si todo va bien, en unos quince días abandonaré mi actual empresa, Madpixel, para establecerme en un spin-off creada en exclusiva para trabajar en el proyecto de Video Interactivo. A pesar de no ser un nuevo proyecto (he pasado cerca de dos años haciendo mejoras esporádicas en el código), esta nueva empresa me permitirá organizar el código de forma más cómoda que como hacía hasta ahora (o mejor dicho, hasta hace poco, que tuvimos GitHUB.

Uno de mis compañeros, j4n0, me habló recientemente del BitBucket, una alternativa a GitHUB que tiene como ventaja clara el precio: permite, de forma gratuita, la creación ilimitada de repositorios públicos y privados con un máximo de cinco personas.

Si no calculo mal, de momento esta nueva empresa estará constituida por cinco personas. Koldo, mi antiguo jefe de Madpixel, Andrea, encargada de acciones de márketing y demás entes extraños, Raul, nuestro director técnico, Gianluca, otro desarrollador, y yo mismo. De los cinco solo tres deberíamos estar interesados en este sistema así que creo que es perfecto para lo que estamos buscando, al menos por el momento. Pero antes de recomendarlo, lo mejor es hacer una prueba así que…

¡Allá vamos!

Lo primero es registrarse. Observo que además de “login” y “password” me puedo registrar con OPENID, así que me conecto con mi cuenta de Gmail, que es la que utilizo para todo:

Una contraseña menos que recordar

Una vez autentificados, el sistema nos permite crear un nuevo repositorio. Aquí vemos dos opciones, Crear un repositorio o importar uno existente, desde SVN, Mercurial o GIT.

Resulta interesante esto de la importación de proyectos, pero de momento, para hacer las pruebas, me centraré en crear un nuevo proyecto con Mercurial. Las razones son variadas, pero podría resumirlas en:

- Todos los repositorios que tengo en GitHUB son privados.

- Nunca he trabajado con él. Así aprendo a manejarlo

Bien, entonces creo un nuevo proyecto llamado LudoBermejo, en formato Mercurial.

Y ya está, tenemos nuestro estupendo repositorio creado. Ahora viene lo difícil.

Trabajar con Mercurial

Si eres un hombre de verdad trabajarás con Mercurial a través de la linea de comandos. Como el más macho a 100km a la redonda, harás cosas como:

$ hg clone https://LudoBermejo@bitbucket.org/LudoBermejo/ludobermejo
$ hg pull --update # to pull changes and update
$ hg push # to push changes to this repo

mientras ríes a la cara de la muerte.

Para el resto de personas, existen herramientas que nos facilitan la tarea, desde editores como el PhpStorm a sistemas para navegadores de archivos. Hablamos de TortoiseHG, que tiene versiones para Linux, MAC y Windows, cuya funcionalidad explicaré a continuación.

Primero nos descargamos el ejecutable y lo instalamos. En Windows tendrás que reiniciar, en Linux no hará falta, en MAC no tengo la menor idea.

Lo siguiente será crearnos una carpeta en algún sitio accesible y, en el caso de Windows, entrar con el botón derecho del ratón y buscar la opción Clone, utilizada para recuperar un repositorio que ya existe.

Nos aparecerá entonces una ventanita para confirmar la clonación de ese repositorio. Pero veremos que coincide la “fuente” con el “destino” del repositorio, cosa que no es posible…

Así no vamos a ninguna parte

¿Donde podemos obtener la ruta de nuestro repositorio?

Nada más fácil. Abrimos bitbucket y escogemos nuestro repositorio:

Aquí veremos una ruta para clonar:

Cogemos solamente la parte https, en este caso:

https://LudoBermejo@bitbucket.org/LudoBermejo/ludobermejo

y cambiamos la “fuente” por lo que hemos copiado.

Pinchamos el botón de clonar… y nos pedirá una clave. Introducimos nuestro password de Bitbucket… ¡y listo!

Fijaos en que ahora ese directorio tendrá un “aspa verde”

Perfecto. Ahora solo nos queda llenarlo de ficheros y subir los cambios. Pongamos que quiero subir cuatro ficheros: lo que hago es copiarlos en la carpeta. Después con el botón derecho del ratón me aparecerán varias opciones. Por abreviar un poco, lo que necesitamos para subir cambios es el HG Commit.

Vale, una vez entramos veremos coloreados los ficheros que podemos subir a nuestro repositorio local.

Pero, ¡un momento! Esto solo te deja los cambios actualizados en tu repositorio local. Para subirlos al servidor, necesitas utilizar el Hg Workbech, una especie de megapantalla llena de información y funcionalidades, entre otras, la posibilidad de subir nuestros cambios al servidor.

Bien, esta es la ventana que nos muestra cuando elegimos esta opción.

Vale. Veréis varios iconos en esta pantalla. Pinchad en el cilindro amarillo grande enviando una flecha verde al pequeño.

¿Cómo? ¿Que no tenéis ni idea de lo que estoy hablando?

Este icono.

Aceptad el mensaje de “enviar a repositorio remoto…”, meted vuestra clave y….

¡YA ESTÁ SUBIDO!

En próximos posts explicaré temas como ramas de desarrollo y demás zarandajas. Por el momento, creo que es un buen tutorial para explicar cómo funciona Mercurial… y BitBucket .

Rssgraffiti o como publicar varias cuentas de Twitter en tu cuenta de Facebook

octubre 20th, 2011 | by ludo | facebook

oct
20

Lo reconozco, soy un yonki de la información: tengo decenas de páginas en mi Google Reader, avisos en Google Plus y Facebook y el colmo es mis múltiples cuentas de Twitter, cuyos post podéis ver en la columna de la derecha de mi blog:

@LudoBermejo para seguir a mis amigos, y para información personal

@LudoDeveloper para seguir todo lo relacionado con informática y tecnología, y para actualizar las cosas que hago en ese sector

@LudoFriki para seguir a gente que habla de rol, de rol en vivo, de cine, de comics… y también para hablar sobre mis partidas de rol, sobre los eventos de rol en vivo que organizo con mi grupo, etc.

@LudoEscribidor para seguir a escritores; otra de mis pasiones es la literatura y desde hace un par de años estoy aprendiendo a escribir, gracias a los talleres de Clara Obligado.

@LudoPolitico aquí me pongo al día de todo lo referente con libertades sociales, política y demás. También hago de vez en cuando comentarios, pero son pocos: no tengo demasiado tiempo como para entrar en detalle

Todo está muy bien (o no, o es que estoy enfermo), pero la gente no tiene por qué seguir todas y cada una de las cuentas que utilizo. Más aún, no es la primera vez que me dicen en el Facebook que por qué no hablo más de, no sé, rol en vivo. Intento actualizar el Twitter pero el Facebook… bueno, eso es otra cosa.

Así que ayer pasé unas horas buscando la mejor aplicación para conseguir publicar las cosas en Facebook. Mis requerimientos eran:

a) Que pudiera importar blogs

b) Que pudiera importar varias cuentas de Twitter

RssGraffiti cumple con todas esas condiciones. Es una app de Facebook que permite importar RSS, con la particularidad de que aprovecha la API de Twitter para conseguir toda la información. Resulta, eso sí, algo oscura de configurar en algunas partes, así que mejor os lo explico paso por paso.

1º) Entramos en la aplicación de Facebook

2º) Nos vamos a las Settings de la aplicación:

3º) Y aquí, en Twitter accounts vamos añadiendo con el botón Add account

4º) Ahora ya tenemos las cuentas creadas, pero aún tenemos que vincularlas (lo sé, es un poco raruno. Vincular una cuenta de Twitter es como vincular cualquier RSS. Así que lo primero es volver a la página principal

5º) Pulsamos en el botón Add Feed

6º) Introducimos en feed con el que vamos a trabajar. Aqui tenemos varias opciones:

- Si es un feed de WordPress, sería el nombre del dominio + “?feed=rss”

Ejemplo: http://www.ludobermejo.es/?feed=rss2

- Si es un feed de Twitter, entonces ponemos: http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=NombreUsuario

Ejemplo: http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=LudoBermejo

7º) Pinchamos ahora en el botón de fetch:

Y recuperaremos la información. Una vez aquí, si lo que queremos hacer es insertar una cuenta twitter, tenemos que

8º) Ir a la pestaña MORE y seleccionar, en el combo de Twitter Account, la cuenta Twitter que queremos vincular (y que rellenamos en los pasos previos)

Los siguientes pasos son alternativos, pero yo los seguiría si no queréis llenar vuestro Facebook de auto-spam

9º) En la pestaña Filter excluís los retweets y replies:

10º) Y en la pestaña de Basics escogéis el modelo Status updates

11º) Y FIN. Le dais al botón de grabar y, a partir de ahora, vuestro twitter (o blog) se verá en vuestro Facebook.

Como veis, es un poco complicado, pero con estas explicaciones creo que todos podréis tener vuestras múltiples cuentas de Twitter en Facebook.

Ahora solo falta que google+ tenga algo parecido. Paciencia

Tweetz, tus cuentas de Twitter de un vistazo (solo Windows)

octubre 20th, 2011 | by ludo | software

oct
20

Admito que no soy un enamorado de los widgets, gadgets o como queráis llamarlos. Tampoco soy un acérrimo defensor del espacio en blanco, la variable “mac-era” de la discusión de si los gadgets son útiles o una pérdida de tiempo. Pero desde hacía bastante tiempo buscaba una forma de ver, de un vistazo y por encima, mis cuentas de Twitter. Las notificaciones me resultan molestas: si no estás delante del ordenador, las pierdes. Si estás, es posible que no te de tiempo a leerlas. Buscaba algo que me permitiera tener frente a los ojos los tweets, pero que “permanecieran” si utilizaba atajos como “Minimizar todas las ventanas”.

Probé con varios clientes, los más famosos: Seesmic Desktop, Tweekdeck, pero ninguno me convencía: o eran muy pesados, o no funcionaban como yo necesitaba.

Al final, y por pura casualidad, encontré Tweetz, un gadget para Windows 7. Tiene varias opciones, versión normal, versión extendida, tipo de letra (pequeña, mediana, grande), se integra perfectamente con el escritorio, se queda por detrás de todo y además no se minimiza. Os voy a poner un ejemplo:

Como podéis ver, tengo las ventanas minimimizadas, pero en el segundo monitor, puedo ver todas mis cuentas de Twitter.

Rápido, sencillo, gratuito… es una lástima que sólo esté para Windows 7. He probado algún screenlet para Linux, pero sin éxito. Aunque sigo buscando… si encuentro algo, os lo haré saber.

Comentarios de los posts en Facebook (o cómo intentar que este blog no tenga SPAM)

octubre 18th, 2011 | by ludo | sin categoría

oct
18

No visito mucho Facebook. En mi opinión se ha vuelto desde hace tiempo autocomplaciente, mis contactos tienden a dar como locos al botón de ‘Me gusta’, a reenviar las cosas medio millón de veces (recordemos los memés de ‘Pon esto en tu facebook si’) y en general, a dar una falsa imagen de alegría y expontaniedad que en general nadie tiene.

Dicho esto, y después despotricar, también tiene cosas buenas, como es una base de usuarios brutal. Vamos, que lo que no tiene de calidad lo compensa con una cantidad de personas brutal.

De ahí que quiera instalar un plugin para WordPress que me permita “exportar” los comentarios a Facebook. Así la gente que quiera no necesitará en ningún momento loguearse en mi blog, lo hará todo automático, seremos todos muy felices y me ahorraré tener que comprobar el spam diariamente (::risa malvada::).

El plugin en cuestión es Facebook Connect for WordPress y aunque no tiene grandes dificultades para ser instalado, merece la pena echar un vistazo a su configuración. Veámola:

Tras instalarlo veremos un bonito cartel en rojo diciendo que algo va mal. Este oneroso texto nos dice que no podemos ser todavía felices, que tenemos que configurar cosas.

Si pinchamos en el famoso link, nos encontraremos con un terrible texto en rojo diciéndonos que el mundo desaparecerá si no empezamos a configurar correctamente la aplicación:

¡El mundo se acaba!

En fin, como podéis ver es bastante explicativo. Lo primero es crear una Facebook app, y configurarla. Os pongo un ejemplo:

A continuación cogemos las claves de Facebook Application List y las rellenamos en los campos Application ID y Application Secret y configuramos cómo queremos que salga:

Tened también en cuenta unas cuantas opciones que hay que activar para que todo vaya sobre la seda.

Y listo: con esto ya tendríamos configurados, en teoría, los comentarios. Por cierto, yo suelo utilizar la V.2, porque desactivo los comentarios genéricos. Aquí cada cual que haga lo que quiera…

Pero, ¡no se vayan todavía, que hay más! Con este plugin tenemos un añadido: un bonito widget de barra lateral, para poder ver los comentarios recientes. Lo podéis configurar en Apariencia — Widgets.

A partir de ahora, ya tendréis comentarios en vuestro blog, y serán visibles por los usuarios. ¡Fantástico!

Probando conectividad con Facebook

octubre 18th, 2011 | by ludo | sin categoría

oct
18

Esta entrada no es muy útil, pero quiero saber si está bien conectado mi blog con Facebook.

¿Eo?, ¿eo?, ¿eo?

A ver si llega

Primeros pasos después de instalar Ubuntu 11.10

octubre 18th, 2011 | by ludo | linux

oct
18

ubuntu le jour de mon anniversaire

Ayer me cargué el Linux Mint que tenía instalado intentando probar el gnome 3. Viendo como había quedado el asunto he decidido darle una oportunidad al Ubuntu; la versión con Unity de la 11.04 me iba a pedales por lo que pasé a utilizar Linux Mint, que funciona bastante bien pero no tiene una buena integración con gadgets de escritorio, algo que utilizo mucho.

Ahora tengo delante de mi Msi U270 (que me está dando más guerra de la que esperaba) la pantalla de instalación. Voy a ir poniendo las cosas que hago en esta entrada porque suelo repetirlas cada vez, y así tendré mi propia guía de “hágase una distro a medida de Ubuntu”.

Lo primero, hacer un update. Fundamental:

sudo apt-get update
sudo apt-get upgrade

¿Queremos descomprimir? Apuesto a que si.

sudo apt-get install unace unrar zip unzip p7zip-full p7zip-rar sharutils rar uudeview mpack lha arj cabextract file-roller

Después, vamos a instalar lo necesario para reproducir mp3 y flash (aunque el flash luego lo desinstalaré para instalar el de 64 bits)

sudo apt-get install ubuntu-restricted-extras

Montar automáticamente las particiones NTFS del disco duro.

sudo apt-get install ntfs-3g fuse-utils ntfs-config

Importante también es instalar los controladores privativos para la tarjeta gráfica. Esto lo hacemos desde Configuración del sistema – Controladores adicionales

Ahora vamos a instalar otro tema importante: el Dropbox

sudo apt-get install nautilus-dropbox

Importante también instalar algo para “tocar” la configuración avanzada del Gnome. Algo como gnome-tweak-tool

sudo apt-get install gnome-tweak-tool

Recordemos que no estamos solos en el mundo. También existe windows. Por esa razón, vamos a instalar Samba.

sudo apt-get install samba

Y ya de paso, seguramente tengamos que ejecutar algún programa de Windows. Tenemos varias opciones, pero de momento utilizaré WINE. Siendo Ubuntu, también instalará WineTricks

sudo add-apt-repository ppa:ubuntu-wine/ppa
sudo apt-get update
sudo apt-get install wine1.3

Es interesante instalar el SUSHI; es un previsualizador bastante bueno, no carga mucho y ahorra tiempo

sudo apt-get install gnome-sushi

Para instalar el Flash 64 bits, necesito cambiar los Orígenes de software para agregar el Socios de Canonical. Después basta con

sudo apt-get install flashplugin-installer

Vale, ahora elFilezila. El mejor cliente FTP que existe

sudo apt-get install filezilla

Algo que no me suele gustar, pero que es necesario… Java.

sudo add-apt-repository ppa:ferramroberto/java
sudo apt-get update
sudo apt-get install sun-java6-jre sun-java6-plugin sun-java6-fonts

Utilizo muchos gadgets de escritorio. Me gustan los screenlets de Linux, así que los voy a instalar (se puede hacer desde el administrador, pero estas son las últimas versiones).

sudo apt-add-repository ppa:screenlets/ppa
sudo apt-get update
sudo apt-get install screenlets

Google Chrome es mi navegador por defecto. Para instalarlo solo hay visitar la web, descargar el paquete .deb para 64 bits… ¡y darle doble-click!

¿Un términal en Nautilus? ¿Que para qué sirve? Si no lo sabes, entonces es que no has trabajado nunca en linux

sudo add-apt-repository ppa:flozz/flozz
sudo apt-get update
sudo apt-get install nautilus-terminal

¿Nos atreveremos a instalar el nuevo gnome 3? ¡Claro que sí… si fue la razón para cargarme el Linux Mint. Venga, a ello:

sudo apt-get install gnome-shell

Vamos a hacer también una serie de pruebas. ZRAM es una aplicación que dice mejorar la velocidad del sistema, que básicamente fuerza a la RAM a ser usada como SWAP. Recordad que aquí estamso para aprender, así que vamos a comprobar si es cierto que lo mejora. Para instalar:

sudo add-apt-repository ppa:shnatsel/zram
sudo apt-get update
sudo apt-get install zramswap-enabler

En este mismo orden de cosas, vamos a instalar Preload. Preload es un componente que precarga las librerías que utilizan las aplicaciones para ejecutarlas a mayor velocidad. Es tan simple como escribir:

sudo apt-get preload

Kuler: como dar color a un tema gris

octubre 17th, 2011 | by ludo | wordpress

oct
17

kuler

En primer lugar, vamos a tocar los colores de los títulos. Siempre me ha gustado el tono que da el bermejo a los títulos, en contraposición al azul de Google o el gris de Apple. Pero no soy diseñador, así que no tengo claro el rango de colores que puede quedar bien en una web. Afortunadamente existe una herramienta de Adobe llamada Kuler que permite escoger entre rangos de color escogidos por gente mucho más capacitada que yo.

Kuler es intimidante, no cabe duda; hay cientos de colores diferentes, muchos de los cuales son difíciles de utilizar. Pero también es una mina de oro si tienes la paciencia para comprobar esos colores. Yo, después de dos minutos buscando (y es que no tengo paciencia), he encontrado uno que me podría interesar. Se llama BUOY y ha sido creado por Matt Prindible. Permitidme que os muestre la gama de color:

Colores fríos, con rojo. Me gusta. Veamos cómo podría quedar ese rojo en nuestra web.

Primero, cambiamos el color de los títulos de las entradas

1	article h2 a { color: #2d2d2d; text-decoration: none; }

por

1	article h2 a { color: #b32e2f; text-decoration: none; }

Veamos como queda de negro:

A ese tono rojo

Mucho más… er… colorido, ¿verdad?

Modifico todos los títulos para darle ese color rojo y quedo satisfecho.

Ahora cambiamos esos colores grises por azulados. Es decir, todo lo que tenga #666 (gris) por #38646f (azulado). Es el segundo color recomendado por el kuler

Cambiamos también el negro por defecto por un negro más azulado. Todo el #111 por el #1a2b32. Es el primer color recomendado por el kuler.

Viramos de color el fondo, de este gris:

a este azulado (#e1e6e9, cuarto color del kuler)

Y ahora cambiamos el fondo oscuro de la cabecera,

por un color verdoso azulado, a saber

Bien, y con esto, veamos como queda la original con respecto al fichero cambiado.

A la versión renovada

El cambio parece sutil… pero no lo es en absoluto

Empezamos a tocar el tema: en primer lugar, tipografías

octubre 17th, 2011 | by ludo | wordpress

oct
17

WebFonts

Me gustan las tipografías, más desde que Google decidió sacar su sistema de fuentes libres y gratuitas. Estoy hablando, claro, de Google Web Fonts, un link imprescindible si queréis tener tipografías que se escapan del Arial, Georgia, etc. El sistema que nos propone Google funciona para todos los navegadores a partir de Internet Explorer 7, así que no tenéis que preocuparos por su compatibilidad

¿Cómo podemos trabajar con este sistema?

Pues en primer lugar entramos en la página web de Google Web Fonts.

Después, elegimos una tipografía, como por ejemplo, la Terminal Dosis, que utilizaré en los títulos de la ventana. Pinchamos en el botón (si solo vamos a incluir esta tipografía) Quick-use como veréis en la siguiente imagen…

Y os sacará una bonita ventana de diálogo donde podréis escoger el estilo concreto. En mi caso, creo que utilizaré la semi-Bold 600.

Debajo del estilo veréis una caja de texto con un link, que deberéis poner en vuestro tema.

Listo, con esto ya tendríais lo necesario para cambiar la tipografía de vuestra página web.

¿Cómo cambiar la tipografía?

Primero, tenemos que meter ese enlace en todas las páginas de nuestro tema. Como hablamos previamente, nuestro tema es el grey, por lo que vamos a editar en la ruta:

wp-content/themes/grey

Más concretamente, en el fichero header.php, que es el fichero de cabecera en todas las páginas.

Veamos su cabecera:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

<pre><!DOCTYPE html>
<html>
<head>

<title><?php
/*
* Print the <title> tag based on what is being viewed.
*/
global $page, $paged;

wp_title( '|', true, 'right' );

// Add the blog name.
bloginfo( 'name' );

// Add the blog description for the home/front page.
$site_description = get_bloginfo( 'description', 'display' );
if ( $site_description && ( is_home() || is_front_page() ) )
echo " | $site_description";

// Add a page number if necessary:
if ( $paged >= 2 || $page >= 2 )
echo ' | ' . sprintf( __( 'Page %s', 'twentyten' ), max( $paged, $page ) );

?></title>


<meta charset="UTF-8" />
<meta name="author" content="WebExpedition18" />
<meta name="description" content="<?php bloginfo('description'); ?>" />


<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/images/favicon.ico" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('template_url'); ?>/css/style.css" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /></pre>

Bien, vamos a meter la linea de código que utilizamso antes en la parte de “links”, algo tal que así:

1
2
3
4
5

<link href='http://fonts.googleapis.com/css?family=Terminal+Dosis:600' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/images/favicon.ico" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('template_url'); ?>/css/style.css" />

Con lo que a partir de este momento tendremos disponible la tipografía elegida. Vayamos ahora a editar el CSS, que nos permitirá modificar la tipografía de los títulos.

Para eso tenemos que editar el CSS del tema en cuestión.

wp-content/themes/grey/css/style.css

Buscamos:

1
2
3
4
5
6
7
8
9
10
11

<pre>/* 02. Text */
h1, h2, h3, h4, h5, h6 {
color: #2d2d2d;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.4em;
text-align: justify;
margin: 20px 0;
}
h4,h5 {
margin: 35px 0 20px 10px;
}

y lo modificamos por una variante, por ejemplo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

/* 02. Text */
h1, h2, h3, h4, h5, h6 {
color: #2d2d2d;
font-size: 2.4em;
text-align: justify;
margin: 20px 0;
}

h2 {
font-family: 'Terminal Dosis', sans-serif;
}

h1, h3, h4, h5, h6 {
font-family: Georgia, "Times New Roman", Times, serif;
}

h4,h5 {
margin: 35px 0 20px 10px;
}

Y ya está. Podéis ver la diferencia comparando estas dos imágenes:

Versión antigua

Versión moderna

Rápido, sencillo eficaz... y que queda bien. ¿Qué más se puede pedir?