Libreria YUI

YUI

Posteado por: Consuelo Cordero

La librería YUI incluye los siguientes cuatro componentes de CSS que se pueden utilizar de forma separada, conjunta o combinada de cualquier forma:

- reset.css: conjunto de estilos que eliminan y neutralizan todas las inconsistencias en el estilo por defecto que aplican los navegadores a los elementos HTML.
- base.css: conjunto de estilos que se pueden aplicar después de neutralizar los estilos por defecto del navegador y que muestran cada elemento HTML de forma adecuada.
- fonts.css: conjunto de estilos que permiten mostrar el texto con un tamaño consistente en cualquier navegador.
- grids.css: conjunto de estilos que permiten crear cientos de layouts o estructuras de páginas comunes.

Los componentes CSS de YUI funcionan tanto en el modo quirks como en el modo standards de los navegadores. No obstante, YUI recomienda activar el modo standards utilizando el siguiente DOCTYPE en las páginas:



Los grid se basan en el ancho de un " em "proporcionada por fuentes CSS. YUI Grids CSS proporciona un sistema de subdivisión de las secciones de su página con rejillas encajables. Utilice esta técnica para crear fácilmente diseños complejos que van más allá de los dos diseños de la columna que ofrece la plantilla de ajustes preestablecidos.

YUI Grids CSS funciona bien con los dispositivos móviles de gama alta en la que hemos probado. En concreto, las versiones de Webkit encontrado en los teléfonos Nokia N-Series y el iPhone de Apple tanto en diseños de rejillas hacen bien. Ambos modos de navegadores "vista de pájaro le dará una imagen de alto nivel de la página. En el iPhone, se puede navegar rápidamente a una subsección específica de una cuadrícula haciendo doble clic en él; procesador del iPhone correctamente realiza un zoom sobre las unidades de cuadrícula como cabría esperar. Cualquiera de los ejemplos Grids encontrar aquí se puede utilizar como punto de partida para la evaluación de la experiencia del usuario con estos dispositivos.

Desde una perspectiva de diseño, Grids CSS es probablemente una buena opción para las aplicaciones que están destinados a ser consumidos por los navegadores para PC como para navegadores móviles de categoría, porque el modelo de Grids tiende a asumir un mayor tamaño de pantalla, no se recomienda como punto de partida para las aplicaciones que se específica para móviles.

Fuentes:

http://developer.yahoo.com/yui
http://developer.yahoo.com/yui/examples/grids/
http://www.librosweb.es/css_avanzado/capitulo5/el_framework_yui.html