Tinto de verano (10)
Enlaces
Un notificador de Gmail para Windows: Gtray.
Blogs
Aprendiendo sobre las diferentes tecnologías que nos ayudan a desarrollar mejores páginas web. CSS, XHTML, usabilidad , diseño web entre otras cosas: el blog de Jaime Alejandro.
Tips (CSS)
Las hojas de estilo en cascada (CSS) son ficheros donde se escribe la definición del aspecto (colores, tamaño de letras, colocación de los elementos, etc.) que tiene nuestro blog. Como hemos visto en los dos posts anteriores, el uso de CSS permite separar el contenido de la presentación y aporta grandes beneficios. Tampoco vamos aquí a describir el lenguaje CSS, sino que nos limitaremos a resumir qué aporta CSS a la denominada web estándar. Pero les recomiendo, si están interesados, el manual de introducción a CSS del Sidar.
¿Qué ventajas tenemos si usamos CSS?. En primer lugar, podremos realizar los cambios de presentación (colores, tamaños, etc., colocación de elementos, etc.) en las plantillas de nuestro blog fácilmente y sin afectar al código HTML. Pueden leer una pequeña introducción sobre esto en Bitácoras.org: Colocando los bloques con CSS.
La velocidad de carga de la página con el navegador y la disminución del tráfico de datos son dos factores fundamentales para medir la calidad de un sitio web. Ambos parámetros se reducen notablemente con el uso de CSS.
Otro aspecto fundamental es la accesibilidad, pues con CSS podemos hacer legible nuestra página por cualquier navegador, incluso si no soporta los estándares o si se accede desde un dispositivo alternativo como TV, pda, móvil, impresora, etc.
El diseño de un página web, con XHTML y CSS es una labor que merece la pena, pues conseguiremos grandes beneficios.
Los buenos sitios desarrollados con CSS no utilizan tablas, nada más que para representar datos tabulares. Las clásicas tablas del HTML, para componer la estructura de la página en bloques, se pueden sustituir perfectamente, ganando en rendimiento y simplicidad, por instrucciones div y definiciones en CSS. Pueden ver un ejemplo de cómo se convierte un sitio a CSS en Digital Web.
Les recomiendo una buen artículo sobre el abandono de tablas en favor del CSS en Alzado.org.
Y ¿qué hacer si uno es principiante?.
Bueno, atreverse a crear nuestra propia plantilla con XHTML y CSS, sin tablas y validando, es un juego apasionante. Quizás, lo primero sea acudir a sitios donde se ofrecen las técnicas mediante plantillas (templates) ya construidas. Las mejores son:
Glish
The noodle incident
Real World Style
Pero en CSSVAULT pueden encontrar multitud de recursos sobre CSS, por ejemplo en su sección de Tools podrán encontrar varias herramientas para construir automáticamente plantillas que validen CSS y XHTML.
Si su sistema de blogging es mediante un servicio online, como Blogger o Blogia, usted no tiene que preocuparse de estas labores, pues se proporcionan plantillas por defecto. Las aplicaciones que se instalan como Movable Type, también proporcionan plantillas por defecto.
Y si saben inglés, no se pierdan el libro de Jeffrey Zeldman, Designing with web standards.
También puedes leer:
