logo

Andrés es manager de ESMMUG y experto en Dreamweaver, Captivate y Contribute.

Articulos Book Reviews:
Stylin’ with CSS

—Por Andres Cayon

Los nuevos navegadores soportan cada vez mejor las hojas de estilo en cascada (CSS). Ahora es el momento de aprender a utilizarlas a fondo.

Hasta ahora, la mayoría de libros sobre CSS que había leido eran… sencillamente aburridos: En casi todos o se hacía uso de términos técnicos por todas partes dándolos por conocidos (viewport, pseudo-classes, hack…) o se limitaban a mostrar ejemplos simples sin explicar muy bien el porqué de cada paso, dejando poco espacio para la curiosidad.

Posiblemente, ambos tipos de libro tengan su público pero: ¿Un término medio, por favor?. Existe un amplio mercado de usuarios que conoce los usos sencillos de CSS pero que se pierde en su terminología y otro grupo también importante al que le gusta que el autor ‘juegue’ con el código.

‘Stylin with CSS’ es, sobre todo, un manual práctico (Wyke es diseñador y se nota en su estilo). No se entretiene en aspectos teóricos (aunque revisa los aspectos más importantes y explica ¡alguien, al fin! de forma clara los términos más técnicos utilizados en CSS). Si estás empezando, el libro te despejará muchas dudas con ejemplos; si ya tienes un nivel intermedio, aprenderás trucos realmente útiles.

El libro se encuentra divido en 8 capítulos

xhtml: CSS funciona mejor con xhtml. El primer capítulo te explica cómo afecta este estandar, en qué se diferencia del resto de html, su correcta declaración, y las normas que debe cumplir para su validación.

Introducción a CSS: Es el capítulo más teórico del libro. Aprenderás cómo puedes declarar los estilos en tu documento(inline,embedded, enlazados), las partes de un estilo y lo que significan conceptos como herencia, jerarquia, selectores contextuales, selectores hijos y hermanos, pseudoclases y pseudoelementos, el concepto de ‘cascada’…

Fuentes y texto: Capítulo dedicado a sus propiedades y (una parte importante del mismo) a cómo las diferentes formas de asignacion de tamaños (pixeles, porcentaje, em…) afectan al resultado final.

El capitulo 4 es el primero de una serie dedicados al posicionamiento con CSS: el concepto de caja (box), los diferentes tipos de posicionamiento y una explicacion de las propiedades float/clear y display son vistas en el mismo de con ejemplos prácticos como introduccion a los 2 siguientes capitulos: Layouts basico y avanzado.

Como layouts basicos, este capitulo muestra ejemplos sencillos con diseños de 2 y 3 columnas (con y sin encabezado) utilizando los atributos float y clear y algunos hacks clasicos que solucionan los problemas con los navegadores conflictivos.

En el capitulo dedicado a layouts avanzados, aprender�s trucos como el uso de los atributos que afectan al fondo (background), falsas columnas utilizando fondos, creacion de layots fluidos y (un metodo que se est’a haciendo bastante popular) el uso de m�rgenes negativos para posicionar objetos flotantes.

El capitulo 7 es un poco mas general, ya que abarca diferentes componentes de interfaz (listas funcionando como barras de navegacion, dropdown menus con multiples niveles, elementos de formularios..) y aprovecha para explicar 2 de los hacks que todo el mundo debe conocer: el ’star hack’ y el ‘backlash hack’

El ultimo capitulo es un resumen de todo lo estudiado (de hecho aprovecha gran cantidad del codigo utilizado en capitulos anteriores) para un ejemplo practico. Al mismo tiempo podras aprender una serie de buenas practicas que te ayudaran a mejorar tu rendimiento durante el proceso de creacion de un sitio con CSS.

El libro tambien incluye un apendice con un listado de propiedades, su descripcion correpondiente, valores posibles, compatibilidad con NN, IE (y la version desde la que lo soporta) y su nivel (CSS1 o CSS2). Del mismo, es muy util la descripcion para las propiedades abreviadas, que muestra el orden en el que los valores deben ser definidos.

Como deciamos al principio, pueden existir libros más completos pero excesivamente te�ricos. Este, en cambio, te permite ponerte a practicar desde el primer capítulo (incluso encontrarás el codigo comentado linea por linea, de manera que entenderas con un simple vistazo lo que manipula cada una).

Ficha tecnica:

No hay Comentarios »

Aún no hay comentarios.

TrackBack URI

Deja tu comentario