同人音楽の告知サイトが一瞬で作れる
無料テンプレートを作りました

HTMLテンプレート「Rin」で、LESSのコンパイルと画像自動圧縮をgruntで行うようにしました

  

HTML と Less をセットにした Boilerplate 的なテンプレート「Rin」をアップデートし、gruntを使ってLESSのコンパイルと画像自動圧縮を行うようにしました。

Rinとは

Rin は色々な web サイトで使える HTML テンプレートです。リーンなテンプレートなのでです。

変更点

Gruntを使ってlessのコンパイルと画像圧縮ができます。

まずnode.jsをインストールして、

次にgruntをインストールします。

sudo npm install -g grunt-cli

そしてプラグインをインストールします。

npm install
  • package.jsonに書いてあるプラグインがインストールされます

最後にgruntを起動します。

grunt

これで、gruntを起動している間は less を保存する度にコンパイルします。また、images/フォルダ以下を監視し、画像を自動的に圧縮しdist/imagesに追加します。圧縮できるファイルはgif,jpg,pngです。

詳しい情報は README をお読みください。

Rin、サクッとウェブページ作る用途で特に役立つと思うので、ご利用ください。

Rin をダウンロードする