Web y Desarrollo (la Web Jerigonza)

Tu diseño favorito

noreply@blogger.com (Gotardo González) — Mon, 18 May 2009 16:54:00 +0000

Con texturas espectaculares, o con diseños minimalistas, tipos grandes o pequeños, coloridos o en blanco y negro... seguro que todos teneis vuestros diseños web favoritos, o al menos una lista de tres o cuatro sitios cuyo aspecto os gusta especialmente.
¿Cuáles son tus diseños web favoritos?

El Reto de Internet

noreply@blogger.com (Gotardo González) — Mon, 18 May 2009 07:55:00 +0000

¿Todo lo que necesitas está Internet? ¿Eres capaz de encontrar cualquier cosa en Internet?

Si eres andaluz, Guadalinfo te propone el Reto de Internet.

FWD: Urgente MSN Cierra

noreply@blogger.com (Gotardo González) — Wed, 06 May 2009 09:19:00 +0000

Llevo varios días recibiendo un número especialmente alto de emails reenviados avisándome de un supuesto cierre de MSN. A todos quienes me los habeis enviado, amigos de fuera del gremio, quiero deciros que:
1. MSN no cierra.
2. Si MSN cerrara posiblemente yo me entere antes que vosotros.
3. Marco como spam los FWD que me envían varias veces seguidas, sobre todo si son mentira.

Thickbox una alternativa a Lightbox sobre JQuery

noreply@blogger.com (Gotardo González) — Sun, 26 Apr 2009 11:02:00 +0000

Una de mis bibliotecas favoritas es Lightbox 2, la he utilizado en muchas ocasiones, pero cuando empecé a incluir JQuery en mis proyectos me encontré con un problema: Lightbox trabaja sobre scriptaulous y ocupa más de 180 Kb. Si a esta biblioteca ya de por sí pesada sumamos JQuery -que suelo utilizar para añadir algún efecto y porque utilizo JQuery Validator y JQuery Date Picker-, nos encontramos con una página lenta, pesada y que va a consumir una cantidad de recursos sencillamente prohitiva. La solución es buscar un plugin para JQuery que me de lo mismo que Lightbox -o parecido, sigue pareciéndome el más conseguido-. Hay versiones de Lightbox para JQuery, pero no tienen la elegancia que se busca al utilizar un plugin así.
De modo que hay que cambiar la marca si se quiere trabajar con JQuery y lo mejor que he encontrado es Thickbox.
El uso de este plugin para JQuery es muy sencillo, basta con incluir JQuery y el código de Thickbox (JavaScript y CSS):

<style type="text/css" media="all">
@import "template/css/stylesheet.css";
@import "js/thickbox.css";
</style>

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/thickbox-compressed.js"></script>

Thickbox funciona sobre los enlaces, de modo que será en los elementos <a /> donde especificaremos mediante el atributo class que queremos enlazar con una imagen ampliada, y utilizaremos el atributo rel para agruparlas en galerias:

<a href = "imagengrande1.jpg" class = "thickbox" rel = "galeria1">
<img src = "thumbnaiil1.jpg" alt = "Img 1"/>
</a>
<a href = "imagengrande2.jpg" class = "thickbox" rel = "galeria1">
<img src = "thumbnaiil2.jpg" alt = "Img 2"/>
</a>
<a href = "imagengrande3.jpg" class = "thickbox" rel = "galeria2">
<img src = "thumbnaiil3.jpg" alt = "Img 3"/>
</a>
<a href = "imagengrande4.jpg" class = "thickbox" rel = "galeria2">
<img src = "thumbnaiil4.jpg" alt = "Img 4"/>
</a>

Nuevos CAPTCHA propuestos por Google

noreply@blogger.com (Gotardo González) — Mon, 20 Apr 2009 04:45:00 +0000

En Dirson publicaban ayer este post proponiendo dos tipos de CAPTCHA más difíciles de romper por spammers. En este caso dejamos la comparación de textos aleatorios o de sumas sencillas para utilizar imágenes que en principio sólo parecen diferenciables por seres humanos. En el caso de la imagen que ilustra este post, el usuario debería decir cual es la imagen que tiene la orientación correcta. En el enlace podréis ver otro que nos oblica a enderezar una foto para poder pasar el CAPTCHA.
Desde que se publicó ayer he escuchado la misma crítica: si hay sólo dos respuestas posibles, un spammer no lo tendrá difícil para violarlo. Sin embargo me parece un buen concepto y parece que trabajando un poco la idea podríamos tener buenos resultados. Y se trata de jugar con conceptos humanos que, quizás habría que complicar un poco más y combinarlos con ideas similaras, pero que podrían funcionar de lujo. ¿Cómo funcionaría pedir a un usario que identificara algo en una foto? ¿Sería una traba importante para la accesibilidad? ¿Y si preguntamos "de qué color es el vestido de la foto"? Espero vuestras opiniones en los comentarios.

Fotografía: Google Dirson y Wendypan

Topología, magia y creencias

noreply@blogger.com (Gotardo González) — Fri, 17 Apr 2009 06:42:00 +0000

Hoy vamos a salirnos un poco del desarrollo web para entrar en el mundo de las matemáticas.
En Microsiervos publicaban ayer este truco de "magia topológica", sorprendete a primera vista, pero fácil de pillar al volver a verlo:

Al ver el video uno se da cuenta de por dónde pueden ir los tiros en la infinidad de puzzles topológicos (comúnmente conocidos como juegos de ingenio), en los que nos encontramos una cuerda imposible de liberar sin romper... aparentemente. Obviamente, todos estos juegos tienen un truco diseñado para que tengan solución. Veamos el sigiente video como ejemplo sencillo de un truco topológico:

En esto se basan todo ese tipo de trucos, por ejemplo, los que hay a la entrada del Parque de las Ciencias de Granada o los de un escapista (¿sigues creyendo en la magia?). Quizás esto os ayude a partir de ahora a resolver agún puzzle de ingenio. Feliz fin de semana.

@hazarco (¡muchas gracias!) me recomienda este video de Tabary en el que hay un poco de topología y bastante de magia -aunque para verlo, es mejor olvidar el truco y dejarse llevar por la sutilezade la actuación de Tabary-:

Sobrecarga de funciones en PHP 4

noreply@blogger.com (Gotardo González) — Mon, 13 Apr 2009 05:31:00 +0000

De entrada, la sobrecarga de funciones no se encuentra entre las posibilidades de PHP, aunque hay algunas formas de simularlo a partir de PHP 5. En versiones anteriores también podemos conseguir un efecto parecido utilizando las funciones de PHP que nos permiten manejar el número de argumentos de la función que quisieramos sobrecargar. Una forma de sobrecargar una función sería la siguiente:

function mifuncion($param1, $param2 = "val2", $param3 = "val3"){
...
}
function mifuncion($param1){
...
}

En el primer caso preparamos la función para ser llamada con varios parámetros, con una serie de valores por defecto, y en el segundo sólo le pasamos un parámeto, obligatorio, que sería un array con toda la información necesaria para la ejecución de la función. Pero como sabemos PHP leerá esto como la redeclaración de mifuncion() y nos mostrará un mensaje de error:

Fatal error: Cannot redeclare mifuncion() (previously declared in ...)

Lo que sí podemos hacer es declarar mifuncion() una sola vez, sin especificar ningún parámetro y programar diferentes comportamientos en función del número y el tipo de argumentos utilizando las siguientes funciones:

func_num_args() - Devuelve el número de argumentos pasados a una función.
func_get_args() - Devuelve una matriz con los argumentos pasados a una función.
func_get_arg() - Devuelve un argumento en concreto.

Lo que vamos a hacer en concreto es anteponer al código de nuestra función una detección y procesado de los argumentos, los prepararemos para la ejecución de la función -lo que, entre otras cosas, nos va a permitir sobrecargar funciones ya escritas sin tener que tocar ese código. Lo explicaré sobre el código de "sobrecarga" de la función anterior (donde, recordemos, queriamos pasar los datos bien por parámetros, bien como array, y poder tener una serie de valores por defecto):

function mifuncnion(){

//Declaramos variables con los nombres de los argumentos que queremos utilizar
$param1 = NULL;
$param2 = NULL;
$param3 = NULL;

//Comprobamos el número de argumentos
if (func_num_args() == 0){

//Sin argumentos rompemos la ejecución de la función
return "No has pasado argumentos";

}

else if (func_num_args() == 1){

//Con un solo argumento, comprobamos que este sea un array antes de procesarlo.

if (!is_array(func_get_arg(0))){

//Si no es un array rompemos la ejecución de la función
return "El argumento debe ser un array";

}
else{

//Separamos en variables los parámetros pasados por array, si no se han pasado, se les da su valor por defecto

$args = func_get_args();

$param1 = $args[0]['param1'] ? $args[0]['param1'] : "Valor por defecto para param1";
$param2 = $args[0]['param2'] ? $args[0]['param2'] : "Valor por defecto para param2";
$param3 = $args[0]['param3'] ? $args[0]['param3'] : "Valor por defecto para param3";

}

}
else{

//Con varios argumentos, se procesan en orden, si no se han pasado, se les da su valor por defecto.
$args = func_get_args();

$param1 = $args[0];
$param2 = $args[1] ? $args[1] : "Valor por defecto para param1";
$param3 = $args[2] ? $args[2] : "Valor por defecto para param2";

}

//Resto del código de la función

}

Conficker: cómo sabes si estás infectado de forma rápida y gratuíta

noreply@blogger.com (Gotardo González) — Fri, 03 Apr 2009 14:09:00 +0000

Vía Security by Default -blog que gusto de seguir asiduamente-, descubro Conficker Eye Chart. Se trata de una web que utiliza una serie de imágenes cargadas desde los servidores de antivirus que bloquea Conficker para que el usuario sepa si está infectado con un método sencillísimo: si alguna de las imágenes no carga, posiblemente esté infectado.

Cirujía estética

noreply@blogger.com (Gotardo González) — Thu, 02 Apr 2009 18:10:00 +0000

Gracias a @mondador a partir de mañana luciré una nueva cara en las redes sociales y, quizás un día de estos, en la cabecera de este blog. El primer sitio donde podeis ver este rostro -del que no se va a desvelar nada en este blog- es en el blog del artista, Ilustrarte.
Sobra decir que el trabajo es buenísimo, pero quiero reiterar mi agradecimiento. ¡Me encanta!

JQuery + Google Maps API

noreply@blogger.com (Gotardo González) — Thu, 26 Mar 2009 08:54:00 +0000

Vía anieto2k, que ha listado ocho plugins de JQuery para explotar las API de Google, he descubierto un interesante plugin de JQuery para trabajar sobre la API de Google Maps, con el que para crear el mapa no tenemos más que llamar a un sencillo método al que pasaremos las dirección postal donde centraremos el mapa:

var mymap = $(".map").googlemap({addresses:["1 ABC ST, NSW 2193 Sydney, Australia"]});

La sintaxis, además, nos permite mediante los selectores de JQuery, encadenar llamadas a métodos. De nuevo JQuery nos facilita el trabajo con una herramienta potente a la par que sencilla.

Inteligencia artificial en Linux

noreply@blogger.com (Gotardo González) — Thu, 19 Mar 2009 06:18:00 +0000

De los creadores de "Cómo murió Marti McFly" y "Cómo murió Michael Knight", Imageeknation, uno de mis blogs favoritos pese a haberlo descubierto hace poco, nos llega este excelente tutorial sobre cómo crear inteligencia artificial abriendo una consola de Linux. Fijaos que es un chiste recíproco con todas las de la ley.

Un truco para Ubuntu: hacer que Nautilus sea más rápido

noreply@blogger.com (Gotardo González) — Thu, 12 Mar 2009 06:26:00 +0000

Leo en WikiLearning una sencilla forma de configurar Nautilus para que sea sensiblemente más rápido. Se trata de configurar las previsualizaciones que Nautilus va a realizar al navegar por nuestras carpetas, de forma que la carga de cada carpeta sea mucho más rápida -y tal y como yo lo he probado, se nota mucho la diferencia-. Para hacerlo, vamos a seguir unos pasos muy sencillos:

1. Abrir una ventana de Nautilus (nuestra carpeta personal, por ejemplo).
2. Vamos a Editar -> Preferencias.
3. En la pestaña Vista previa podemos desactivar todas las previsualizaciones de todos los ficheros, lo que hará que Nautilus sea mucho más rápido. Yo, concretamente he hecho lo siguiente:

Archivos de texto.
-Mostrar texto en los iconos: Nunca. De poco me sirve la previsualización de un fichero de texto, más aún si esta se muestra en un tamaño diminuto.
Otros archivos previsualizables.
-Mostrar miniaturas: sólo en archivos locales.
-Sólo para archivos menores de: 3Mb. Así me aseguro de que las fotos que hago con mi cámara compacta tenga previsualización y que no la tengan los archivos demasiado grandes.
Archivos de sonido.
-Escucha previa de sonidos de audio: Nunca. La escucha previa me molesta bastante, personalmente.
Carpetas.
-Contar el número de elementos: Nunca. La mayoría de las veces no quiero saber el número de elementos que tiene una carpeta cuando estoy navegando, y si quiero hacerlo, hago click derecho -> propiedades.

JQuery UI Tabs con botones Next y Previous

noreply@blogger.com (Gotardo González) — Tue, 10 Mar 2009 15:56:00 +0000

JQuery UI Tabs es un widget de JQuery UI que nos permite organizar el contenido de una página en pestañas, ya sea como meros conmutadores para mostrar el contenido o como enlaces para cargar dicho contenido on AJAX. Además, podemos hacer que los enlaces se carguen con AJAX dentro de nuestros tabs. Una herramienta muy potente, en definitiva.
Hoy nos enseñan en CSS Tricks a añadir unos botones "Next" y "Previous" para movernos por los tabs de JQuery UI Tabs.

Jeff Dunham. Achmed, el terrorista muerto

noreply@blogger.com (Gotardo González) — Sat, 07 Mar 2009 07:31:00 +0000

Ayer descubrí esta actuación de Jeff Dunham con Achmed, el terrorista muerto (cAhmed, dead terrorist), un muñeco que sólo con mover las cejas es de lo más expresivo. Al grito de "Silence! I'll kill you" (¡silencio! ¡a que te mato!), Achmed cuenta algunas vivencias de lo más divertido. Os dejo además un par de videos más.

Achmed. El terrorista muerto.

Melvin. El superhérore

Walter 1/2

Walter 2/2

Peanut 1/2

Peanut 2/2

Sweet Daddy

Esquinas redondeadas con CSS3

noreply@blogger.com (Gotardo González) — Wed, 04 Mar 2009 05:57:00 +0000

El borrador de CSS 3 especifica un atributo border-radius que más de uno habrá soñado alguna vez. Tener una capa o una tabla con esquinas redondeadas, que hasta ahora requería dibujar y recortar imagenes (o una hoja de estilo rebuscada y compleja) se resume ahora en una sola línea:

border-radius: 5px;

Pero el borrador de este nuevo estándar ya es implementado por cada buscador a su manera, como bien nos explican en el artículo sobre CSS 3 y border radius en xposible.

Esencialmente, para Mozilla tendremos que especificar:

-moz-border-radius: 5px;

Una diferencia en la implementación bastante incómoda.

Algunas notas sobre border-radius:

No conozco dos familias de navegadores que implementen este atributo de igual forma.
Internet Explorer y Opera no lo implementan.
En Mozilla -al menos- también se puede establecer mediante un porcentaje:
-moz-border-radius-bottomleft: 100%;
0% es una esquina sin redondear y 100% una esquina redondeada con radio la mitad del lado del objeto. El valor 200% se quedará en 100%. Por tanto un objeto de igual width y height y con el border-radius al 100%, es un círculo perfecto:
-moz-border-radius: 100%;
width: 300px;
height: 300px;

Supongo que es una forma de asegurarse que los bordes coincidan siempre, aunque la especificacón de CSS3 sobre border-radius establece un comportamiento mucho más interesante.
Para no complicarse la vida con CSS, uno puede complicársela y utilizar el redondeador de esquinas para JQuery.

Si te apetece jugar con otras propiedades aún no implementadas quizás quieras leer este artículo de Markus Stange (en inglés) que nos enseña a conseguir efectos muy interesantes con la propiedad box-shadow, -moz-box-shadow para Mozilla.

Configuración y localización de JQuery UI Datepicker

noreply@blogger.com (Gotardo González) — Tue, 03 Mar 2009 12:17:00 +0000

JQuery User Interface es una biblioteca que nos permitirá mejorar sustancialmente la experiencia del usuario de nuestra aplicación web -a cambio, claro está, de una pequeña ralentización de la carga de la página-. Trabaja sobre JQuery ofreciendo con una codificación sencillísima una serie de efectos visuales y de widgets totalmente personalizable -la biblioteca se descarga sólo con las funcionalidades que se vayan a utilizar-.

Datepicker es uno de las más potentes. Consiste en un calendario que se despliega junto a un input para que el usuario seleccione la fecha en lugar de teclearla. Vamos a ver cómo instalarlo y, sobre todo, cómo localizarlo para que las fechas se muestren en el formato e idioma españoles.

Lo primero es tener un campo input en el que recogeremos la fecha, en el que no necesitamos añadir más que el código HTML:

<input name="fecha" type="text">

En el head del documento HTML necesitamos llamar a las siguientes bibliotecas:

<script type="text/javascript" src="jquery-1.2.6.js"></script>

<script type="text/javascript" src="jquery-ui-personalized-1.6rc6.js"></script>

<script type="text/javascript" src="i18n/ui.datepicker-es.js"></script>

<script language="javascript" src="ready.js"></script>

Donde:
jquery-1.2.6.js - Es el núcleo de JQuery.
jquery-ui-personalized-1.6rc6.js - Es núcleo de JQuery User Interface.
i18n/ui.datepicker-es.js - Es el pack de localización a español de Datepicker
ready.js - Es la biblioteca donde tenemos la función $(document).ready()

Lanzar datepicker desde $(document).ready

$(document).ready(function(){
$('#fecha).datepicker({
changeMonth: true,
changeYear: true,

showOn: 'button',
buttonImage: '/img.png',
buttonImageOnly: true,

dateformat: 'dd-mm-yy',
firstDay: 1
});

$('#fecha').datepicker($.datepicker.regional['es']);

});

Las opciones que hemos escogido son las siguientes:
changeMonth: true - Permite al usuario cambiar el mes desde un select.
changeYear: true - Permite al usuario cambiar el año desde un select.
showOn: 'button' - El calendario se desplegará desde un botón que aprecerá junto al input de la fecha.
buttonImage: 'img.png' - La ruta a la imagen del botón.
buttonImageOnly: true - Con esta línea hacemos que Datepicker sólo aparezca al hacer click en el botón -no en el input-.
dateformat: 'dd-mm-yy' - Cambiamos el formato de fecha a día-mes-año en lugar del formato por defecto, que es mes-año-día.
firstDay: 1 - hacemos que el primer día de la semana sea el Lunes (por defecto el valor es 0, domingo).

Por último, la línea $('#fecha').datepicker($.datepicker.regional['es']); carga el pack de idioma español de datepicker.

NOIE6Day, 18 de octubre día sin Internet Explorer 6

noreply@blogger.com (Gotardo González) — Tue, 24 Feb 2009 19:51:00 +0000

El maestro Andrés Nieto desde su blog lanza, inspirado en el CSS Naked Day, lanza la propuesta de crear el día sin Internet Explorer 6.
La idea es que el próximo 18 de octubre mostremos en todas nuestras web un mensaje invitando a nuestros visitantes a utilizar otro navegador. Este mensaje sustituirá al contenido original de nuestra web.
La iniciativa es loable y yo personalmente la agradezco, pero quizás por su naturaleza radical no sea secundada por muchos sitios.
En cualquier caso es una iniciativa más para acabar con IE6.

¿Necesitamos un nuevo Internet?

noreply@blogger.com (Gotardo González) — Mon, 23 Feb 2009 11:00:00 +0000

Do We Need a New Internet? es el título de un interesante artículo del New York Times que reflexiona sobre la seguridad de la red y la necesidad de cambiar sus bases para incrementarla. Lo hace a propósito de la creación de un nuevo sistema de conexiones que estará disponible a finales de verano, según cuenta John Markoff en el artículo:

"At Stanford, where the software protocols for original Internet were designed, researchers are creating a system to make it possible to slide a more advanced network quietly underneath today’s Internet. By the end of the summer it will be running on eight campus networks around the country."
En Stanford, donde se diseñaron los protocolos de software de la primera Internet, los investigadores están creando un sistema para posibilitar la transición a una Red mucho más avanzada con respecto a la Internet actual. A finales de verano estará implantada en la red de ocho campus del país.

La idea del proyecto es genial: incrementar la seguridad e impedir el anonimato en la red haciendo cambios en la base del funcionamiento de Internet que conllevarán cambios en el desarrollo de aplicaciones bassadas en Internet. Esto sí sería un cambio sustancial, al que veo ciertos problemas de concepto que tiran por la borda los objetivos del poyecto -sin desmerecerlo, eso sí-:

Hecha la ley hecha la trampa. Es una ley que nunca falla: cada sistema de seguridad que se inventa, en cualquier ámbito, va acompañado de la invención de una forma de saltarse ese sistema de seguridad.
Como consecuencia, podremos impedir las acciones delictivas de usuarios anónimos, pero... ¿hasta qué punto podremos evitar que alguien suplante la identidad de otra persona?
No sé hasta qué punto el hecho de que una persona tenga que identificarse siempre puede ir contra el derecho a la privacidad. Recordemos que en la vida real una persona puede asistir al teatro de forma anónima, sin un cartel en la frente con su nombre, DNI, IP...

En definitiva, el proyecto va a suponer mucho trabajo y seguramente muy buenos resultados, pero recordemos siempre que la panacea no existe. Parece una forma de acortar distancias entre la vida real y la vida virtual y, sin duda, eso siempre es un avance para cualquier proyecto informático.

IE6 (Hasta la vista, baby)

noreply@blogger.com (Gotardo González) — Sat, 21 Feb 2009 08:47:00 +0000

Vía Maestros del Web hemos heredado un movimiento de desarrollo noruego -parece ser- que consiste esencialmente en promulgar el desuso de Internet Explorer 6, navegador que, características aparte, por su condición de obsoleto se ha convertido en una auténtica pesadilla para desarrolladores, para mí especialmente estos días.
La idea es que todo administrador de un sitio web coloque un mensaje exclusivo para IE 6 recomendando al visitante que cambie de navegador para disfrutar al 100% de cada sitio web que visite. Incluso Facebook, propiedad de ya sabeis quién, muestra un mensaje similar a los usuarios de IE6, recomendando descargar cualquier otro navegador (no necesariamente un IE). Conseguir que cada usuario utilice un navegador moderno es mejorar la web -sólo en el tiempo que nos ahorramos con los quebraderos de cabeza de las compatibilidades ganaríamos en avanzar en cualquier otro campo-.
Hace poco tuve una conversación más o menos así:
-¿Y qué hacemos para que todo el mundo vea nuestra web de manera óptima?
-Convencer a la sociedad de que use Firefox, o en su defecto Internet Explorer 7.
-Claro, pero yo no puedo ir casa por casa instalando Firefox.
Y es cierto, ahora vamos a estar todos felices porque estamos diciéndole a nuestros visitantes que cambien de navegador, pero el cambio va a tardar mucho, y la despedida definitiva de IE6 en desarrollo de sitios abiertos a todo el mundo todavía tendrá que tardar en llegar si no se quiere dar de lado cierto segmento de la población que tiene un ordenador viejo en casa...
Para entonces el problema será el IE7. ¡Si ya empieza a haber quejas del IE8!

Internet Explorer en Linux (probado en Ubuntu)

noreply@blogger.com (Gotardo González) — Wed, 18 Feb 2009 06:59:00 +0000

Si trabajas con Linux es posible que quieras o más bien necesites tener instalado Internet Explorer. En mi caso, naveo casi siempre con Firefox y sencillamente suelo pasar de las páginas que sólo se ven bien en Explorer -por fortuna hasta ahora no he necesitado acceder a ninguna página diseñada en exclusiva para explorer-, pero lo necesitaba para el trabajo, así que hice una instalación sobre Wine de IES4Linux. Después de algunos problemas y urgido por los últimos días de desarrollo de un proyecto, encontré el tutorial perfecto para instalarlo, el de USPALinux, y aquí lo tengo instalado y listo para probar mis webs en Internet Explorer sin tener que trabajar con máquinas virtuales, instalaciones de Windows, o varios ordenadores.
Eso sí, si estás descontento con la edición de Windows de Internet Explorer, con IES4Linux los vas a pasar peor: algún layout descuadrado, problemas con algunas transparencias... etc.

Ecofont

noreply@blogger.com (Gotardo González) — Tue, 17 Feb 2009 21:23:00 +0000

SPRANQ nos presenta esta curiosa iniciativa para ahorrar tinta.
Partiendo de la base de que la impresión de un documento, además de gastar papel, gasta tinta -obvio- y buscando la forma de ahorrar este material, se ha diseñado Ecofont, una tipografía libre llena de huecos que nos permitirá ahorrar tinta en las impresiones, al menos en los borradores.

(Gracias a maggiesd)

El diablo está en la Red

noreply@blogger.com (Gotardo González) — Mon, 16 Feb 2009 09:51:00 +0000

Cuando desapareció Marta del Castillo el mes pasado, una de las primeras medidas que se tomaron fue investigar sus contactos en las redes sociales. Si bien se sospechaba con fundamento que su desaparición estaba íntimamente relacionada con su ex novio, había que abrir una línea de investigación a través de la Red, lo que los medios aprovecharon una vez maś para insinuar, cuando no asegurar, que nuestros jóvenes están expuestos a través de Internet -pese a que, en este caso, parece ser que la Red no tenía nada que ver con el delito-.
Por diversas razones, siempre que hay oportunidad, se aprovecha para contar a la opinión pública que Internet es un nido de ladrones y asesinos, la guarida de golfillos impostores que fingen identidades que no son las suyas para engañar en aras del robo, el capricho sexual o la satisfacción de cualquier vicio oscuro o tendencia delictiva. Sencillamente es sensacionalista. Poder ofrecer al público semejante taberna de ciudad sin ley parece una vía sin igual para saciar el ansia de morbo del televidente lego en asuntos internautas, porque da igual la condición de intelectual o inculto de una persona ajena a la red, en temas técnicos ambos son igualmente ignorantes y manipulables por la ciclogénesis del amarillismo y de idéntica forma adolecen de prejuicios y cabezonería al no querer a somarse a un mundo que no conocen. Incluso un periodista internauta que no practique horas de convivencia virtual desconoce por completo lo que se cuece realmente en internet: redes de colaboración profesional, toneladas de información accesibles de manera instantánea, sistemas de comunicación personal... y al periodista, como a cualquier persona, le basta y le sobra con una pose cultureta para difundir todo tipo de inexactitudes o mentiras o, sencillamente, barbaridades en cualquier programa mañanero en el que prima la rotundidad de las palabras en lugar de su verdadero significado.
No hay que confundirse: la Red no propicia la delincuencia, no es un invento para enmascarar al mafioso o al pícaro, es una herramienta sin más que se está demonizando injustamente. La piratería no es consecuencia de las redes P2P, sino del pirata; el engaño no es consecuencia de las redes sociales, sino del engañador y de la ingenuidad del engañado. Pica en el timo internauta el ingenuo que picaría en el timo analógico de alguien que llama al timbre, roba en Internet quien roba en la calle, sencillamente porque no existen medios técnicos para el engaño: todo se hace a través de la ingeniería social. La Red es una virtualización de la realidad, un medio utilizado por las mismas personas que viven, trabajan, roban y matan en la calle. La causa del delito no es Internet, sino puramente la maldad humana.

Cómo hacer un blog (edición para profanos).

noreply@blogger.com (Gotardo González) — Fri, 13 Feb 2009 17:54:00 +0000

Me decía un amigo ayer que quería abrir un blog, que le llamaba la atención este mundo de la Web 2.0. El hombre, además, no quiere abrirlo por capricho, tiene una temática -que anunciaré y publicitaré porque es desternillante cuando llegue el momento-.

El problema ante el que se encuentra mi amigo es que no sabe cómo hacerlo, así que obviando los pasos estratégicos a la hora de abrir un blog -elegir temática, programar frecuencia de actualización y todas esas cosas de las que la inmensa mayoría pasamos-, voy a explicar los primeros pasos, a nivel técnico, que un usuario inexperto necesita para crear un blog.

Elegir el alojamiento.

El alojamiento es el lugar de la web (físicamente un ordenador conectado a Internet, un servidor) donde vamos a almacenar nuestro blog. Tenemos dos opciones: la gratuíta y la de pago.
La de pago es sin duda la mejor. Tienes flexibilidad para utilizar el programa que quieras, para personalizarlo, tunearlo y hacer lo que te de la gana. Pero recordemos que este texto es para usuarios profanos, así que si no tienes dinero para contratar a un programador para que te instale, configure y mantenga el blog -o un pardillo de cerca que lo haga gratis, no improbable- descartamos la opción de pago y pasamos a la gratuíta.

Los alojamientos gratuitos normalmente nos van a hacer perder flexibilidad a la hora de elegir el aspecto y las funcionalidades de nuestro blog, sin embargo nos configuración y mantenimient. Hoy día son servicios muy avanzados con los que se puede trabajar a nivel principiante sin ningún problema o a nivel experto -hasta cierto punto-. Los dos servicios de blogging principales son Wordpress.com y Blogger.com. Vamos a comparar ciertos rasgos de ambos servicios para ver cuál se ajusta más a nuestras necesidades:

Sencillez de uso del administrador. Para mí, hasta ahora, el más sencillo con diferencia era Wordpress, pero desde el cambio a la versión 2.7.x el panel de control se ha convertido en un pequeño amalgama de opciones de las que tendremos que seleccionar las dos o tres que más nos interesen para un uso sencillo. No obstante, en proporción con las funcionalidades que ofrece y en cuanto a diseño, sigue pareciéndome más sencillo y más útil el de Wordpress.
Sencillez de configuración. De nuevo el punto se lo lleva Wordpress.com. Cumple esos cánones de los diseños 2.0 que multiplican la usabilidad mientras que Blogger está estancado en un diseño relativamente obsoleto, con unas plantillas de publicación sencillamente horrendas y de dificil personalización para un usuario no experto.
Flexibilidad. Aquí es Blogger.com quien aplasta a Wordpress.com. Si bien la plataforma WordPress tiene una infinidad de plugins que van a cubrir casi cualquier necesidad del editor, en Wordpress.com apenas tenemos disponibles los más comunes. En Blogger, sin embargo, podemos hacer casi cualquier cosa con nuestra barra lateral (incluso añadir publicidad, cosa que no se puede hacer en wordpress.com), hasta el punto de que encontraremos usuarios que han llegado a configurar verdaderos atentados contra el sentido commún del diseño -hagas lo que hagas, recuerda siempre que debes aprovechar utilizar la técnica en función de tus necesidades, no de tus posibilidades-.
Integración con otros servicios: Vuelve a ganar blogger porque pertenece a Google y tu cuenta estará integrada con sus servicios (Reader, Analytics, AdSense, AdWords, y por supuesto el indispensable GMail). Clarisimamente, si tienes algún tipo de pretensión de hacer unas monedas con tu blog -habiendo descartado un alojamiento propio- deberías elegir Blogger.

A estas alturas estamos ante un empate técnico: por un lado la flexibilidad compleja de Blogger, por otro lado la potencia sencilla de Wordpress.com. Veo la elección clara: escoge blogger si quieres entrar en ciertas materias avanzadas de diseño y configuración o, sobre todo, si quieres poner publicidad; para todo lo demás, Wordpress.com sin duda alguna.

Creando una cuenta

Una vez que has elegido el alojamiento, queda lo más sencillo, abrir una cuenta en Wordpress.com o Blogger. Hagas lo que hagas, pasa antes por Gmail.com para abrir una cuenta de correo electrónico -esa cuenta la podrás utilizar para acceder a Blogger-. De todas formas, lo más recomendable -y aquí termino- es que sigas los siguientes pasos:

Abrir una cuenta en GMail si no la tienes ya.
Abrir una cuenta en Wordpress.com.
Utilizar la cuenta de GMail -que en realidad es de Google Accounts- para acceder el servicio de Blogger.

A partir de aquí déjate llevar por ambos servicios y empieza a participar activamente en la blogosfera. Ve elaborando tu blogroll -tu lista de blogs favoritos-, de ahí pasa a mantener un agregador de RSS, y déjate embeber por la blogosfera.

Bienvenido a la Web Jerigonza.

V Jornadas Blogs y Medios de Comunicación. Granada, 15 y 16 de mayo de 2008

noreply@blogger.com (Gotardo González) — Fri, 13 Feb 2009 07:11:00 +0000

Se acerca la primavera, y con ella, por quinto año consecutivo, una nueva edición de las Jornadas de Blogs y Medios de Comunicación de Granada.
Toda la informaciónn en blogsymediosgranada.blogspot.com.

Las 10 leyes de Jorge para el buen diseño web

noreply@blogger.com (Gotardo González) — Fri, 13 Feb 2009 07:04:00 +0000

CSSLab, uno de mis blogs favoritos, especializado en el desarrollo de CSS, nos obsequia hoy con un excelente decálogo de normas del buen desarrollador. Un resumen excelente que seguro que mejora en todos los sentidos las prácticas de definición de hojas de estilo de más de uno.
De las diez normas, hay algunas que a los "picadores" de código se nos enseña desde la primera clase de programación y de la que, generalmente, hacemos caso omiso:

Mantén siempre la simplicidad en todo ámbito; tanto del diseño como del código fuente.

Como esta, seguro que descubres en el decálogo unas cuantas que te estás saltando.