CSS
Continuando un post que publicamos hace algún tiempo sobre un par de colecciones de menús de navegación con CSS, ahora les comentamos que en Smashing Magazine han recopilado una excelente colección de footers. Todos los diseños son muy buenos y quedan de inspiración.
Enlace | CSS based footers modern solutions
Las hojas de estilo en cascada (Cascading Style Sheets, CSS) cada día son más usadas, pues nos permiten separar la estructura de un documento (HTML o XML) de su presentación. Lo que facilita su actualización.
Una útil herramienta que he encontrado es YUI: CSS Grid Builder, herramienta que nos permite crear la estructura base de una página Web, de forma muy sencilla. Ideal para quien no conoce nada de estos temas, y para quien domina CSS, en algo ayuda.
Enlace | CSS Grid Builder
HtmlPlayground es repositorio de referencias XHTML y CSS, elaborado por Zsolt Georgescu usando GWT.
Con HTMLPlayground podemos ver rápidamente una descripción y ejemplos de las etiquetas HTML y de las propiedades CSS, además de permitirnos modificar algunos ejemplos (introducir el código) para poder probarlos online.
No recuerdo haber visto otra página de referencias tan sencilla y útil como ésta. Así que la recomiendo.
Enlace | HtmlPlayground
Vía | Ajaxian
El equipo de desarrollo de Internet Explorer 7, ha publicado un post señalando las “mejoras” del nuevo navegador. Mejoras útiles tanto para el diseño CSS y que sólo funcionan bajo la declaración <! DOCTYPE>, esto para conservar la compatibilidad con las anteriores versiones de IE.
Entre los cambios más resaltantes, encuentro cinco esenciales:
- Soporte de Min/max width/height (ideal para diseños líquidos con imágenes)
- Mostrar PNG transparente (soporte de canal alpha)
- Mostrar :hover en todos los elementos (no sólo para enlaces)
- Soporte de Fixed Position (para mantener un elemento fijo en determinada posición)
- Background-attachment (para mantener el fondo de cualquier elemento fijo)
Y también hay que destacar la mejora del soporte a la etiqueta <objet> (para mostrar elementos multimedia - videos).
Más información | Details on our CSS changes for IE7
PHP + CSS Dynamic Text Replacement es una reciente versión JavaScript de la popular dynatext, que proponía, empleando php y javascript, generar una imagen con el texto y la fuente .ttf que se quería reemplazar.
Sin embargo, la actual PHP + CSS Dynamic Text Replacement tiene algunas limitaciones, como por ejemplo que no se pueda poner ids a los títulos. Para utilizar el script basta seguir los siguientes pasos:
- Descargar el archivo DTR y extraer los archivos
- Incluir el script en la página web (leer el archivo readme)
- Abrir el archivo headings.css para poner la fuente que se quiere utilizar, colorear, etc.
- Copiar los archivos .ttf a la carpeta DTR 5. Y cargar los archivos al servidor, con permiso de escritura en la carpeta.
También es recomendable que lean este muy buen artículo escrito en diseñorama, en donde se explican las ventajas y desventajas de varios métodos de reemplazo de texto, ya sea con php y css, javascript y php, javascript y flash, e incluso, sólo imágenes.
Un artículo "mítico" (por decir un adjetivo) en el diseño Web es el escrito, a fines del 2003, por Dave Shea de Mezzoblue. En esas fechas no eran muy comunes las páginas con hojas de estilo, el uso de CSS estaba en pañales, se maqueteaba con tablas y flash estaba de moda.
El artículo CSS Crib Sheet se convirtió en una guía para adentrarse al uso de las hojas de estilo. Por lo que me parece interesante que Armonía haya hecho una muy buena traducción del artículo, que pienso es aún útil, principalmente para quienes empiezan en este mundo.
Traducción al español | CSS Crib Sheet, de Dave Shea
