Con la lÃnea tan poco definida que divide el diseño web del desarrollo web es hora de que los diseñadores adopten algunas técnicas establecidas desde el mundo del desarrollo, como lo es el concepto de despliegue de software.
Desde el sitio web de Reinhold Weber nos proporcionan un interesante, y sencillo de implementar, script que se encargará de leer en un directorio todos los archivos CSS y combinarlos automáticamente en una hoja de estilos maestra.
Este es el snippet que combina todos los archivos:
<?php
header(’Content-type: text/css’);
ob_start(”compress”);
function compress($buffer) {
/* remove comments */
$buffer = preg_replace(’!/\*[^*]*\*+([^/][^*]*\*+)*/!’, ”, $buffer);
/* remove tabs, spaces, newlines, etc. */
$buffer = str_replace(array(”\r\n”, “\r”, “\n”, “\t”, ‘Â ‘, ‘Â Â Â ‘, ‘Â Â Â ‘), ”, $buffer);
return $buffer;
}
/* your css files */
include(’master.css’);
include(’typography.css’);
include(’grid.css’);
include(’print.css’);
include(’handheld.css’);
ob_end_flush();
?>
Todo lo que tienes que hacer es cambiar la ruta a la carpeta donde todos tus archivos CSS están localizados.
Fuente: Reinhold Weber
Artículos relacionados
- Más consejos para crear una sección de Preguntas Frecuentes en tu sitio web
- Cómo crear un slider de fotos 3D con CSS3
- Comprimir dinámicamente (con PHP) tu hoja de estilos CSS
- Cuándo separar las hojas de estilo CSS y cuándo no
- Consejos para crear una sección de Preguntas Frecuentes en tu sitio web
Martes, 3 de Febrero de 2009 a las 10.34
Es una mejor practica incluir los archivos por ejemplo usando un readfile y no el include como se muestra en el ejemplo, pues si por cualquier cosa el archivo css llegase a tener etiquetas php, es decir <?, estas serán procesadas por php, y el archivo css no será mostrado al navegador tal cual, ademas de causar un ligero, pero considerable impacto en el rendimiento del servidor.