Web

Sobre Las Herramientas CSS de la Yahoo! User Interface Library (YUI)

En estas dos semanas Armatoste.net ha cambiado totalmente por así decirlo o al menos ya dentro de poco el cambio si será total ya que todavía tengo que cortar unas imágenes de unos artículos viejos, cambiar el estilo del formulario de comentarios y agregar otros elementos del diseño.

En parte el cambio se debe a que estaba un poco aburrido del diseño anterior y que después de meditar bien las cosas más unos ojos adoloridos me convencí de que para la próxima versión no usaría fondo blanco; sin embargo, no tenia verdadera prisa por cambiarlo. Ya hace meses sabia de la existencia de The Yahoo! User Interface Library (YUI) y solo había experimentado un poco con YUI CSS reset, pero no fue sino hasta la semana pasada que encontré al constructor de rejillas (YUI CSS Grid Builder) y pues supe que tenía que probarlo.

En sí, el constructor es una herramienta bastante sencilla, escoges el ancho de tú página, decides si quieres una barra lateral y agregas el número de filas que sean necesarias; por último, copias el código html y ya puedes empezar a trabajar. Solamente te aseguras de no cambiar las clases por unas que no estén especificadas en la documentación, ni de borrar el archivo CSS enlazado.

Lo mejor es que como el archivo CSS enlazado incluye también a CSS Reset y CSS Fonts no perdí tiempo en hacks de IE, el único problema que encontré lo solucioné haciendo un poco más pequeña una imagen lo cual no tiene nada que ver con el CSS.

Estoy bastante contento porque pasé más tiempo diseñando que construyendo la estructura en css y asegurándome de la compatibilidad entre navegadores.

Les recomiendo leer la documentación en algún momento ya que explica como cambiar la plantilla fácil y rápidamente con solo cambiar ciertas clases y sin necesidad de volver a utilizar el constructor.

Enlaces
The Yahoo! User Interface Library