With the line blurring between web developer & designer it is time that designers adapt established techniques from the developer world. A concept well established while developing in other languages is the concept of software deployment.
For CSS developers deployment should become second nature. A simple php snippet compresses your multiple css files into one file with one line of CSS. What is good enough for Microsoft or Google should be good enough for the rest of us.
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('screen.css'); include('typography.css'); include('grid.css'); include('print.css'); include('handheld.css'); ob_end_flush();
Tags: best practices, css, deployment, snippet
[...] found this small PHP script by Reinhold Weber which can quickly compress multiple CSS files to one compressed CSS [...]
[...] método es de Reinhold Weber y personalmente, me parece uno de los más fáciles de entender. (fuente) Además hay que tener en cuenta que si incluimos más de uno los combinará en uno [...]
[...] following code is a modified version of Reinhold Weber’s PHP code. His code did not add compression; it only combined multiple css files into a single file. [...]