tags

[3]
[3]
[1]
[1]

SASS,SCSS,HTMLビルドツール

CodeKit

https://incident57.com/codekit/

SASS, SCSS, HTML ビルドツール
・SASSを自動コンパイルしてCSSを生成 ・ファイル更新時に自動でブラウザをリロード
・HTMLをテンプレート化したり変数が使える

●主な機能

・Compiling
・Optimizing Images
・Autoprefixer
・Bless
・Foundation
・Bourbon
・Compass
・Minifying
・Live Browser Reloads
・Bower

●Kit Languageの例

●1. 変数を使う

<!-- $title = サイトのタイトル  -->
<title><!-- $title --></title>

●2. テンプレートファイルをインクルードする

拡張子は .kit にします。(変数が必要ない場合は .html でもよい。)

<!-- @include "include/header.kit" -->

Hammer

http://hammerformac.com

SASS, SCSS, HTML ビルドツール
cssの自動生成や、HTMLファイル内での「変数」や「別ファイルのインクルード」等できます。
更新が多いホームページ管理に便利です。


添付ファイル1
添付ファイル2