[B! less] tohokuaikiのブックマーク

tohokuaiki id:tohokuaiki

lessに関するtohokuaikiのブックマーク (4)

Bootstrap3 LESSのカスタマイズ -カスタマイズ編 | ajike switch
前回の、Bootstrap3 LESSのカスタマイズ -環境設定編で、Grunt環境構築などの準備をしましたが、今回はカスタマイズする方法について解説します。 Grunt起動1．ターミナルを開きbootstrapフォルダまで移動まずは、ターミナルなりコマンドプロンプトを起動して、ダウンロード・解凍したbootstrapの置き場所まで移動してください。以前、やさしいSassとCompassの導入方法︵Windows、Mac︶でもコマンドの簡単な使い方を説明しましたが、慣れていない人は、cd␣を入力した後に移動したいフォルダをコマンド画面にドラッグ＆ドロップ＆Enterで楽に移動できます。 ※␣は半角スペースです2．Grunt実行のコマンド入力その後、 grunt watch を入力するだけで、Gruntの監視がはじまります。Waiting…　となれば成功です。編集ファイルを保存
tohokuaiki 2015/11/05
bootstrapのあるところまでcdしてから、grunt watchする。各lessの説明あるのGood.

bootstrap

less
リンク
Gruntの導入から説明するBootstrap3 LESSのカスタマイズ - 環境設定編 | ajike switch
はじめてBootstrap LESSをがっつりカスタマイズしたので、今回はその覚え書きです。 Bootstrap3 Lessを使用するにあたり、Gruntを導入したほうが俄然便利なため、今回はGruntの導入から説明いたします。 Botstrap LESSでカスタマイズする理由前もって言ってしまうと、基本的なカスタマイズは公式サイトのカスタマイズページで十分すぎるくらい出来てしまいます︵以前見た時よりも、ものすごく項目数が充実しているような気が…︶。そのため、わざわざLESSを使い、さらには環境を整えてやる必要があるかと言われれば、使用目的によっては不要かもしれないですね。ただ、LESSでのカスタマイズだと公式サイト以上の編集が容易にスピーディーにでき、もしも途中で大幅な仕様変更があった場合でも柔軟に対応できます。また、構造把握や管理がしっかりできるので、今後もBootstrapを
tohokuaiki 2015/11/05
grunt.jsを使ってLessの変更をキャッチして自動コンパイル。

bootstrap

less
リンク
Bootstrap3でlessファイルをカスタマイズ、コンパイルする - Qiita
1. 目的はじめてBootstrapを使ってWEBページをつくってみようとしました。 CSSをカスタマイズのためにはコンパイルが必要ということに気づく lessって何？コンパイルできて、カスタマイズできる環境にまで　←ここまで環境は、MacOSX 10.9.5 2. Bootstrapを使う準備公式サイトからソースコードのダウンロード。ディレクトリ構造は以下のとおり。 /User/hogehoge/ bootstrap/ ├── less/ ├── js/ ├── fonts/ ├── dist/ │ ├── css/ │ ├── js/ │ └── fonts/ └── docs/ └── examples/ 前もってコンパイルされたCSSがはいっています。 Getting StartedにあるBasicテンプレートをindex.htmlとしてコピーして /User/hogeh
tohokuaiki 2015/11/05
nodejsのgruntコマンドを使うとlessファイルの変更をWatchして自動的にコンパイルしてくれる。

less

bootstrap
リンク
http://atnd.org/events/21919
tohokuaiki 2012/01/11
less

scss
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx