[JS]CSSファイルに変更を加えてもリフレッシュ無しで反映させるスクリプト -CSSrefresh

Post on:2011年12月27日

sponsors

CSSファイルに変更を加えてもページのリフレッシュ無しで変更を反映させるスクリプト（とブックマークレット）を紹介します。

[ad#ad-2]

CSSrefreshは制作時に役立つスクリプトで、CSSファイルに変更を加えて保存すると、ページのリフレッシュ無しで変更を反映させます。

CSSrefreshの使い方

使い方は簡単で、2通りあります。

使用するページにCSSrefreshを外部スクリプトとして記述します。

<head>
   <link rel="stylesheet" type="text/css" href="css/site.css" />
   <script type="text/javascript" src="js/cssrefresh.js"></script>
</head>

リフレッシュするCSSファイルは、スクリプトの前に記述します。

あらゆるウェブページで簡単に使えるように、ブックマークレットも用意されています。

リロードするだけの方が簡単なような気もしますが、制作の環境によっては便利かもしれません。

[ad#ad-2]

スクリプトとは関係ないですが、サイトは1ページで構成されており、ナビゲーションのデザイン・機能も面白いものとなっています。