Bootstrapでスマホサイト制作

概要

のんびり悠長に構えていると、スマホサイトのコーディング依頼が舞い込みそうな雰囲気になってきました。
慌ててスマホサイトの作り方を勉強しています(汗)

とりあえず、Bootstrapでコーディングさせていただけるようにお願いはしているのですが。。
Bootstrapも ver3になってから全くもって触ったことが無く・・それ以前にBootstrap2の使い方も怪しい状態です(泣)

LESSコンパイラ

とにもかくにも、Bootstrapをカスタマイズして利用するためには、LESSを利用する必要があります。

LESSを利用するためには『LESSコンパイラ』(LESSで記述した内容をCSSに変換するツール)が必要です。

そこでまずは、LESSコンパイラ探し・・・・・。
もちろん無料で・・・・・。

Prepros

Prepros」が良さそう!
と思いきや、macOSX10.8+ ですと。orz
当方、macOSX10.6なのです><。

Koala

見付けました!「Koala
日本語化もされているそうです。

Sass,LESSビルドツールKoalaが1.4でわりと進化。日本語対応。 | Sou-Lablog
を参考に。
・・・・・Koala2.0をダウンロードしてきましたが、エラーが出て起動できず;;

Grunt

ここにきて、Gruntの登場か?!

Bootstrap3 LESSのカスタマイズ -環境設定編 | ajike switch
実はGruntでLESSが簡単にコンパイルできるらしい。
Yeomanのインストールも無駄じゃなかったね^^

〜関連ページ〜

  1. Bootstrapでスマホサイト制作
  2. GruntでLESSをコンパイルしてBootstrapをカスタマイズ
  3. 改めて、Grunt.jsをインストール
  4. 改めて、GruntでLESSをコンパイルしてBootstrapをカスタマイズ
  5. 〜まとめ〜 GruntでLESSをコンパイルしてBootstrapをカスタマイズ

投稿日:

ページのトップへ戻る