Horic Design

a-blog cmsやJavaScriptなどの情報を発信しています。

29ページ目

gulpで自動css生成


保存後にコンパイルするのがめんどくさい。

この前、bootstrap-sassをSublimeTextをつかってコンパイルする方法を、記事に書きました。
SublimeTextでBootstrapテーマをカスタマイズ
しかし、わざわざ保存したあとにコンパイルするのはめんどくさくないですか??
そこで今回は、保存と同時に自動でコンパイルをかけてくれる仕組みをgulpを使って、導入しました。
前の記事を読んでいることを前提で話を進めていきます。


「gulpで自動css生成」の続きを読む

SublimeTextでBootstrapテーマをカスタマイズ


Bootstrapのヘッダーやボタンをカスタマイズするときどうやってカスタマイズしてますか?
私はSublimeTextでBootstrap Sassを使って、ボタンやヘッダーなどを作ってますね!!
そうすれば、ヘッダーの色やボタンの色などを下のようなコードで簡単に変更できちゃいます。

$brand-primary:#f39c12;/*プライマリカラー*/
$navbar-default-bg:#f39c12;/*ナビゲーションバーのバックグラウンドカラー*/
$navbar-default-color:#ffffff;/*ナビゲーションバーの文字カラー*/
$navbar-default-brand-color:#ffffff;/*ナビゲーションバーのブランドカラー*/
@import "bootstrap/bootstrap";

これだけで、以下のようにヘッダーの色が変えられるんですよ



では、どうやってこういった便利なSass環境を整えるのか、順をおって説明していきます。


「SublimeTextでBootstrapテーマをカスタマイズ」の続きを読む

堀 悟大

有限会社アップルップル マークアップエンジニア。2014年高知大学理学部卒業。学生時代にHTML5のCanvas要素を使ってゲームを作っていたことでWeb全般に興味をもつ。アップルップル入社後はa-blog cmsを便利に使うための機能の実装や、HTML5の技術を使ったデジタルサイネージの実装を行う。趣味は英語。読むことも話すことも好き。

エントリーリスト

カテゴリーリスト

タグクラウド