タグ

ブックマーク / www.mdn.co.jp (2)

  • MdN Design|総合情報サイト

    Blueprint CSSは、固定幅のレイアウトに適したCSSフレームワークだ。親要素の幅に対して1/2、1/3といった割合でカラムが生成されるYUI Grids CSSに比べて、「カラム何個分」といった形で指定を行うため、より精密なレイアウトを実現できる。また、フォームや印刷向けのCSSも提供されており、利用範囲が広い点も魅力だ。 導入にあたり配布元からソースをダウンロードし【1】、XHTMLの<head>にリンクの記述を行う【2】。<body>直下にはコンテナタグ(div.container)を用意し、その中に「.span-」で始まるclass属性を加えた<div>を定義する。ここで指定する数値がカラム数にあたる。デフォルトでは全体の幅950pxに対し、ひとつのカラムが幅30pxとなるため、行当たりのカラムの合計数が「24」になるように調整しよう。それぞれのカラムには共通で10pxの右

    MdN Design|総合情報サイト
    misaquo
    misaquo 2011/04/16
    試してみたいのでメモ。
  • このアートディレクターに聞く第10回 菊地敦己(Bluemark) - 第1話 蓄積によるイメージの確立

    ミニマルでスタイリッシュなデザインに惹かれる、粘着クリーナー「COLOCOLO5656」。今年の秋に、粘着クリーナーの生みの親としても知られる「ニトムズ」が、フラッグシップモデルとして新発売したもの。 プロダクトのデザインを柴田文江さんが手がけ、掃除をこまめにできるよう、部屋に出したままでも気にならないニュートラルなデザインに。商品パッケージのアートディレクションはグラフィックデザイナーの佐藤卓さんが担当。コロコロと転がる形を円で表現したモダンなグラフィックがなんとも素敵です。 リフィルは、「COLOCOLO5656」だけのオリジナルカラーで、再生紙を使用。さらに体のプラスチック部分では再生材を配合しています。粘着シートは、細かいゴミを逃さないカーペットの掃除向けの「超強力」、カーペットにもフローリングにも使える「どっちも用」の2タイプがラインナップ。耐久性もあり、ずっと使っていたくなる

    このアートディレクターに聞く第10回 菊地敦己(Bluemark) - 第1話 蓄積によるイメージの確立
  • 1