Twitter Bootstrapを使ったサイト構築の流れ(前編) レスポンシブWebデザインとグリッドレイアウト、そしてメディアクエリに対応したCSSフレームワークであるTwitter Bootstrapについて、CSSメタ言語のLESSとともに解説する。 【01】からファイルをダウンロードして ...
本連載では、 HTML5やCSSの基礎を理解している方へ向けて、 Bootstrapの特徴や実際の使い方を解説していきます。レスポンシブデザインは聞いたことがあるけれども 「実務採用したことがない」 「⁠仕方がわからない!」 という方。そんな 「あなた」 が1つ上 ...
今回はコンポーネントとして使うデザインパーツ (コンポーネント) を紹介します。 デザインパーツとは デザインパーツを紹介する前に、 デザインパーツを 「そのまま使うこと」 の意味を考えてみましょう。 前回紹介した基本スタイルは尖った指定 ...