レスポンシブウェブデザインに対応したCSSフレームワーク「Bootstrap」の肝 | hijiriworld Web
Posted on: 2012/06/22 レスポンシブウェブデザインに対応したCSSフレームワーク「Bootstrap」の肝 Bootstrapの概要 Bootstrap とは、Twitter 社が提供する CSS フレームワークです。 実体は CSS と JavaScript で、決められたルールに従ってコーディングするだけで、いま流行りのいろいろな UI を作ることができます。 Bootstrap では LESS を採用しており、スタイルをカスタマイズして CSS をコンパイルすることができます。 LESS についてはこちら。 実際には、コンパイルされた CSS を読み込んで利用することになるので、LESS の仕組みを意識する必要はありません。 もちろん、コンパイルされた CSS を編集することもできます。 Bootstrap をはじめて使う時は、まずは一式ダウンロードして、いろいろ
CSSの再利用性を高める LESS dynamic stylesheet language | hijiriworld Web
Posted on: 2012/06/11 CSSの再利用性を高める LESS dynamic stylesheet language LESS は、CSS拡張メタ言語で、CSSの言語自体を拡張するものです。 どうしても煩雑化しやすい CSS の再利用性を高めることができます。 変数 広く使われる値をグローバル変数化して、再利用することができます。 > CSS #header { color: red; } h2 { color: red; } > LESS @color: red; #header { color: @color; } h2 { color: @color; } ミックスイン すべてのプロパティをクラス化することができ、さらに、それらは関数のように動作するので、引数を渡すこともできます。 > CSS #header { border-radius: 5px; -webki
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
