Eran los típicos libros que compras para aprender por el camino duro, el del autoaprendizaje, y eso incluía Flash 3, HTML, etc. Entre  las “joyas” que encontré me llamó mucho la atención un libro de Anaya Multimedia titulado “Publicidad y comunicación en internet”, de Jesús Vicente Jordana, y que recuerdo haber comprado cuando ya trabajaba en esto con la intención de enterarme mejor de como promocionar una web en internet y sobre todo en los buscadores, porque ya trabajaba el tema de conseguir tráfico para sitios web y quería encontrar nuevas formas de hacerlo.

Decir hoy buscador de internet es prácticamente hablar de Google, pero hace algo más de 10 años el panorama no era ese, no

Precisamente, lo que más me llamo la atención releyendo el apartado “Buscadores” hoy día fue que Google NO APARECE en el listado de “buscadores imprescindibles”. Algo que tiene mucha más significancia de la simple anécdota graciosa.

En este libro, escrito en 1999 y publicado en 2000, no aparece Google, lo que da mucho que pensar, sobre éxitos, fracasos, forma de hacer las cosas y nuestro propio comportamiento.Vale que se fundó en 1998 y es lógico que no figure aquí, pero aún así sorprende como era el “orden” de los buscadores de internet hace 11-12 años y como es ahora, ¿o no?. Y los “buscadores imprescindibles” eran ni más ni menos que:

1. Yahoo
2. Altavista
3. Ole
4. ¿Donde?
5. Canal 21
6. El índice
7. Ozú
8. BIWE
9. Lycos España
10. Proseek España
11. Spain Data
12. El Buscador España
13. Km0
14. La Lupa
15. Ugabula
16. Ápali!
17. BUSCOPIO
18. Iberbusca
19. Busca 100
20. Busca Gratis
21. Buscas
22. Laberinto
23. Multimedia Team
24. Adonde
25. Altamira Net
26. Metabuscador
27. Expoline
28. Netfinder
29. aDonDe
30. Interhelp!
31. Red Aragón
32. Todo España
33. Trovator
34. Elcano
35. El Índice
36. Webcrawler
37. HotBot
38. Excite
39. Apollo
40. Yupi
41. En la web
42. Sol
43. Jopinet
44. MSN
45. Puerta Real
46. Metabusca
47. AAA…BUSCAR
48. Halleck
49. Yelloweb
50. Tecnópolis
51. Temáticos
52. Eliana
53. Posible

¿Qué, de cuantos nos acordábamos? Es increible como hace tan solo 12 años el escenario de los buscadores de internet, por lo menos en España y según este libro, fuera este. Mejor dicho, lo increible no es eso, sino la velocidad a la que esto ha cambiado y como lo ha hecho.

Cuando lo releí me hizo gracia al principio, y me dió que pensar después, y creo que es una información lo suficientemente curiosa como para dedicarle estas líneas. Las cosas hace 12 años en los buscadores de internet no eran como ahora, no, con sus vicios y virtudes, está claro.

Si hoy le preguntamos a un chaval de 17 años por Biwe o por Ozú probablemente piense que le estemos vacilando, y solo si es un tio curioso habrá una posibilidad de que entre en ese buscador que no aparecía aquí, un tal Google, teclee “biwe” o “ozu” y le de al intro.

En mi caso, estaba bastante cansado de este tipo de problema, siempre teniendo que “apañar” el código CSS para que funcionara bien en cualquier navegador. Quería una solución a este problema…

Y un buen día, mi amigo y colega Miguel Monreal me habló de Yahoo! YUI Grids CSS, y yo me dije ¿y esto qué es y para qué sirve?

YUI (Yahoo! User Interface Library) es un conjunto de utilidades y aplicaciones en JavaScript, así como recursos CSS que Yahoo! ofrece desde su web de desarrollo de forma totalmente gratuita. Son utilidades concebidas para hacer entornos web amables, bien pensados, muy fáciles de configurar y robustos… y este conjunto incluye una solución muy muy buena, de verdad, para los problemas de CSS como los que he comentado antes: Grids CSS, un sistema de CSS que permite crear webs maquetadas de prácticamente cualquier manera que os podais imaginar, y con una ventaja extra: es un sistema que ya lleva los típicos problemas resueltos desde el principio y 100% compatible entre navegadores. Lo único que teneis que hacer es descargaros los archivos que están a vuestra disposición en la web de Yahoo! User Interface Library y utilizarlos en vuestros proyectos web. Para que os hagais una idea, con Grids CSS de YUI vienen varios archivos y hay unas 100 plantillas de layouts web en un archivo que no llega a los 2 Kb.

Os pongo un ejemplo muy sencillo y real: estás dándole vueltas a la cabeza sobre como hacer un diseño web que consta de una cabecera, un contenido y un pie, y por ejemplo quieres que en la parte del contenido, 2/3 (o el 66% del espacio) lo ocupe un contenido y el resto otro, y que además todo esté centrado, estoe s algo bastante común, ¿o no?. Bueno, pues en lugar de hacer tu propio CSS y luego comprobarlo y corregirlo en todos los navegadores para asegurarte que funciona bien puedes utilizar ESTO, que es un modelo de Grids CSS ya hecho y con todos esos problemas resueltos. Tan solo tienes que fijarte en como está hecho y luego sustituir el contenido por el tuyo.

Por si necesitais más ejemplos, podeis ver como funciona por ejemplo en estas webs:

WedTool – Podeis ver en su código fuente y en sus CSS que está hecha con este sistema y por eso mismo nos ahorramos un montón de problemas ocn los CSS.

Gedesel – Otro ejemplo de una web hecha utilizando Grids CSS de YUI.

iMasterD.com – Una web de cursos online montada también con este sistema.

Si os poneis a buscar por ahí hay cientos de webs hechas así y si estais perdidos sobre como empezar con Grids CSS solo teneis que mirar su código fuente y sus CSS para ir entendiendo como hacerlo, aunque lo mejor es la web oficial de Yahoo! sobre YUI, la Yahoo! User Interface Library e ir directamente al apartado de Grids CSS.

Hay que invertir algo de tiempo en entender bien como funciona, pero luego la verdad es que es muy sencillo de manejar y sobre todo te resuelve todos los problemas derivados de la interpretación en diferentes navegadores. Espero que os sirva, porque es un sistema sencillo y muy muy potente y que te ahorra un montón de quebraderos de cabeza.