タグ

layoutに関するalanmarkのブックマーク (3)

  • [JS]ブラウザの幅に合わせてレイアウトを最適化するスクリプト -Dynamic Layout

    Dynamic Layoutは、ユーザーのブラウザの幅を認識し、それに適したスタイルシートでページのレイアウトを最適化するスクリプトです。 Dynamic Layout デモ Dynamic Holy Grail 1~3カラムのシンプルなレイアウト、ブラウザ幅600, 800, 1000に設定 Fortes ブラウザ幅600, 800, 1000, 1200, 1400に設定 fil-ter ブラウザ幅600, 1000に設定 Dynamic Layoutの設置方法は、body直下に外部ファイルとして指定します。 <textarea name="code" class="html" cols="60" rows="5"> <body> <script src="http://static.fortes.com/projects/dynamiclayout/dynamiclayout-1.0

  • グリッドレイアウトブックマークレットを作りました : akiyan.com

    グリッドレイアウトブックマークレットを作りました 2007-03-08 グリッドレイアウトのためのちょっと便利な背景画像 | S i M P L E * S i M P L Eが便利そうだったので、ブックマークレットを作ってみました。 ブックマークレットをを実行すると、背景画像がWeb Page Layout Grid | Smiley Cat Web Designで使われている画像に切り替わります。 ブックマークレットは以下からどうぞ。 [背景をグリッドレイアウトにする] 背景画像を切り替えてるだけなので、他にも応用がききそうです。 コメント / トラックバック コメント / トラックバック 3 件 *LOVE IS DESIGN* より: 2007-03-10 00:35 実用的!レイアウトで悩んだときに頼れるツール 計算された余白やレイアウト。美しいと感じるものには何か法則があるはず

  • Webサイトのツリー構造とコンテンツのメタ情報、そして、ナビゲーション:DESIGN IT! w-LOVE

    この一覧を階層構造的に分類していくのが、Structure段階でのインフォメーション・アーキテクチャのタスクの1つです。 その際、コンテンツ分類を行なう際に意識するものとしては、以下のようなものがあげられるでしょう(これがすべてではありません)。 ターゲット別(個人顧客、法人顧客、株主・投資家、マスコミ、学生など)コンテンツ内容別(製品カテゴリー別、サポート情報、FAQなど機能/非機能コアコンテンツ/サブコンテンツ(企業の基情報とスペシャルコンテンツ、ブログなど)時系列で並ぶもの/そうでないもの分類は現実のモデルを反映しているか? 一般的に認知されているものを想起させるか? もうひとつインフォメーション・アーキテクチャを考える際に行なっておくべきことは、コンテンツにどのようなメタ情報を付与するかでしょう。 メタ情報を付与することで、先のコンテンツの階層化による分類を越えて、コンテンツ間を

  • 1