Inicia tu sesión:

Opciones que tenemos para ‘resetear’ nuestro CSS

diseño editorial 2, Diseño Editorial, artículos de interés, tutoriales en linea, tips en linea

En la clase de diseño editorial hablamos de varios métodos de CSS que existen para igualar el ‘estilo básico’ que los diversos navegadores (Firefox, Internet Explorer, Safari, Opera, etc.) interpretan y nos muestran de nuestro contenido HTML. Actualmente predominan dos ejemplos que muchos diseñadores utilizan cuando desean obtener la máxima consistencia de su diseño a través de los diversos navegadores.

Sin indicar una preferencia u orden de importancia por uno o por el otro, los ejemplos nos los proveen Eric Meyer en su segunda revisión y el otro ejemplo ha sido provisto por el equipo de desarrollo de Yahoo!. Ambos ejemplos vienen con permisos de sus respectivos autores para poder ser utilizados por cualquier usuario, aunque el usuario lo utilice en sus proyectos con o sin fines de lucro. Cada ejemplo es excelente en su caso, les recomiendo que revisen ambos para que elijan el adecuado que se ajusta a sus necesidades en los distintos proyectos que emprenderán.

El pilón

No me puedo despedir sin dejarles con estas pequeñas gemas de artículos que me encontré navegando por el ciberespacio la semana pasada y que tienen algo de pertinencia para los diseñadores editoriales en la web. La primera gema nos muestra la utilización de GridFox una nueva extensión en Firefox que nos permite visualizar las distintas retículas que los sitios utilizan en los diseños que han aplicado para mostrar sus contenidos. Nos muestra ejemplos de sitios como Wired.com, NYTimes.com, GainvilleSun.com, TimesOnline.co.uk, GoUpstate.com, Subtraction.com y Puidokas.com (el sitio del desarrollador de la extensión). Sin duda esta extensión facilitará el trabajo de D&I para los que diseñamos contenidos editoriales para web.

La segunda gema es aún más pertinente al tema del ‘reseteo’ de nuestras hojas de estilo. Se trata de algunas lecturas que me ayudaron mucho en entender mejor el funcionamiento de lo que cada declaración hace en el RESET.css o el CSS Starter File, como lo describe Neal Grosskpof en su artículo del mismo nombre. Por su parte, Marco Battilana nos explica una técnica muy efectiva que utiliza para ‘acusar’ y sacar a la luz aquellas etiquetas que ya han sido retiradas del XHTML, la cuales se nos urge no seguir utilizándolas en la creación de nuestros contenidos. Estas son etiquetas que ya no cumplen con los estándares de la web ya sea por que indican estilo (como en el caso de <font>, <center>, elementos de estilo que convienen especificar por medio de CSS) o dado a que carecen de un valor semántico en ellas mismas (por ej. <b> o <i> a favor de <strong> y <em>). Lo que hace esta técnica es aplicar un estilo grande y rojo y molesto a aquellos elementos que tengan estas etiquetas villanas. El propósito es educar a las personas que no saben mucho de html —piensan que cualquier programa les puede hacer el trabajo y en vez, estos programitas muchas veces insertan código sucio u anticuado— a que empiecen a usar herramientas que usen código límpio y actualizado para que el mantenimiento de diseño que se le dé a los sitios se mantenga lo más fácil posible. :)

Lee y opina sobre estos artículos respondiendo aquí en los comentarios :)

Deja un comentario

Nombre: (Required)

E-mail: (Required)

Sitio Web:

Comentario:

Diseño por © 2008 Alumnos ARTCOM:blog | XHTML CSS