Categoría: Mundo web (Página 9 de 10)

Léase de forma irónica, por supuesto.

Durante todo el dí­a de ayer (que pena no haber podido sacar un rato para escribir este post), la página web del Congreso de los Diputados ha sido el tema más comentado en mi trabajo. La mofa es insuperable.

No es que me considere un experto en Internet ni en el desarrollo de webs, pero mi escasa experiencia de unos años me hace ver que esa web no vale 14.304.113 euros… sí­, sí­, has leido bien, MíS DE 14 MILLONES DE EUROS.

Y por qué no? La verdad es que es sencillo, porque no.

El diseño la verdad es que mejora mucho lo anterior y si que se adapta mucho más a una web «moderna», pero hay cosas que no se pueden permitir, y menos por ese dinero.

Me gustarí­a repasar varias cosas que vi en la web… sin entrar en como es en su estructura, ni nada por el estilo, sólo en cosas que se pueden ver a primera vista.

Para empezar, que el buscador no funcione con Firefox, me parece descabellado porque un navegador que alcanza el 25% de las visitas de Internet, es para tener en cuenta y más si alguien se dedica profesionalmente a realizar una página web.

¿Y qué es eso de una portada de una web que pese más de 300kB? Pobres usuarios que accedan sin banda ancha… Aunque quizás nos lo expliquemos si miramos el código fuente de la web. Me quedé completamente sin palabras. El calificativo a utilizar serí­a caótico o quizás demencial. Me lo he guardado como recuerdo…

Y esa maquetación con tablas! Moderno, moderno…

La verdad es que no quiero perder más el tiempo, pero me parece increible como por más de 14 millones de euros, dos empresas del calibre de Indra y Telefónica hayan hecho semejante porquerí­a. Se les deberí­a caer la cara de vergüenza.

Si alguna vez has usado el Accordion de mootools y has visto cómo queda en Internet Explorer pasa esto:

Esto es debido a la caracterí­stica opacity de CSS para conseguir efectos translucidos con algún elemento de la web. También ocurre con las transiciones.

Este efecto que es como una especie de borde o como si el grosor de las letras variase la verdad es que molesta mucho porque no permite leer el texto.

En particular, para el Accordion, es posible deshabilitar el opacity y así­ arreglaremos el problema. El efecto no es exactamente el mismo, puesto que ahora el texto no irá desapareciendo (no se irá haciendo el degradado hacia transparente), pero por lo menos podremos usar el Accordion también para este navegador.

En http://www.ajaxload.info tenemos la posibilidad de crear una extensa variedad de gifs animados que podemos usar para todas esas veces que tenemos que poner un icono que haga ver que estamos cargando algo o para decirle al usuario que espere. Sí­ esos tí­picos relojes o barras que se mueven.

Bajo un entorno sencillo y amigable y contando con AJAX, podemos elegir el motivo (cí­rculos, barras, flechas, etc), el color de fondo (o transparente), el color del primer plano… darle al botón de generar y… listo! Podemos ver nuestro resultado y descargarlo para nuestro uso.

Hay hasta un Top Ten!! 😀

Los usuarios de Firefox 2 se habrán dado cuenta que si migramos desde la versión 1.5, ahora no existe un único botón de cerrar pestaña (tab) situado en la misma lí­nea de los tabs pero a la derecha, sino que cada pestaña tiene su propio botón de cerrar. La verdad es que, a parte de la poca usabilidad que le veo tener en cada pestaña un botón distinto, me resulta engorroso y me gustaba más la antigua forma.

Pero no está todo perdido. En 3 sencillos pasos podemos solucionar el problema:

• Teclear about:config (todo junto) como dirección en el navegador (con esto abriremos la consola de configuración de Firefox que permite cambios «en caliente»)
• Buscar browser.tabs.closeButtons y hacer doble-click
• En la ventana que nos aparece pondrá el valor 1; cambiarlo a 3

Tras esto veremos como directamente han desaparecido todos los botones de las pestañas y ha quedado un único botón a la derecha.

Ya está, ¿fácil, no?

Este pequeño truco lo uso prácticamente todas las veces que uso alguna de las librerí­as de PEAR, como por ejemplo las de acceso a base de datos, XML, cache, etc.

Inicialmente, todas estas librerí­as pueden instalarse de forma rápida y fácil gracias al instalador de PEAR que viene con PHP pero, ¿qué ocurre cuando no administramos el servidor o no hay posibilidad de que se añadan estas librerí­as?

Muy sencillo, lo que vamos a hacer es decirle al servidor que lea las librerí­as de cierto directorio que nosotros le indiquemos. Para ello, nos bajamos cada una de las librerí­as que nos hacen falta y colocarlas en cierto directorio con la misma estructura, es decir, manteniendo cada fichero en su directorio y creando los directorios que nos digan. A este directorio inicial lo pondremos por ejemplo en esta variable:

$pear_dir = '/path/to/dir/PEAR';

Y tras esto, usaremos este código:

// Extraemos los paths de la configuración
$paths = explode(":", ini_get('include_path'));
// Inicializamos
$path = array();
foreach($paths AS $actual) {
if($actual != ".")
$path[] = $actual;
}

// Establecemos el path local de PEAR dentro del include_path de PHP
$path = array_merge(array(".", $pear_dir), $path);
ini_set('include_path', implode(":", $path));

De esta forma, el primer directorio donde mirará el servidor de PHP será el directorio actual (.), tras esto el directorio donde hemos colocado las librerí­as de PEAR ($pear_dir) y tras esto en el resto de directorios configurados en el sistema.

Me han pasado este enlace que me ha parecido muy interesante: CMSMatrix.org. Tiene mucha información sobre muchos y diversos software de CMS, Blogs, Wikis… Además, podremos comparar cara a cara hasta 10 de ellos a la vez. Para algunas entradas, no hay información muy actual, pero sí­ que es muy detallada, con un montón de campos a comparar.

(Gracias Xabi!)

CSS Tab Designer v2.0, genial aplicación (para Windows únicamente) que nos permite generar de forma rápida y sencilla tabs que podremos usar en nuestros menús o apartados. La verdad es que para gente con poca imaginación y visión del color como yo, da muchas ideas.

Podemos probar distintos modelos, tamaños de letra, previsualizar para distintos navegadores, añadir las entradas que queramos… y lo mejor de todo: totalmente gratuito y disponible para descargar.

Ví­a Zonamasters.com

DOMTool de Muffin Research Labs es una herramienta online que nos permite pasar un trozo de código en HTML y obtener el código Javascript equivalente que nos genera su estructura DOM.

Muy útil para nuestras aplicaciones en Ajax y DHTML.

Por ejemplo, si queremos pasar este código HTML:

Texto de párrafo en negrita

btendremos:

var p1=document.createElement( P');

var strong1=document.createElement( STRONG );

p1.appendChild(strong1);

var txt1=document.createTextNode( Párrafo en negrita );

strong1.appendChild(txt1);

Donde además nos dice que tenemos la variable p1 disponible para integrar en nuestro código.