ダイナミックにCSS

CSSはメンテナンス性に乏しい。
冗長部分を局所化できないのだ。
SASSを使うのも面倒である。
そんな時はPHPでCSSをダイナミックに生成するのが常套であろう。

ここで忘れてはならないのはContent-Typeである。
headerで以下のように設定しよう。

header("Content-Type: text/css");

これを怠るとCSSがブラウザ上で改行が認識されず機能しない。

JavaScriptの場合も同様に以下の通りにしておこう。
(JavaScriptの場合は軽量化や難読化の代わりになるので弊害は無い)

header("Content-Type: text/javascript");

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です