ページの幅960pxを基準にして、設計するグリッドデザイン | コリス
960 Grid Systemは、ページの幅960pxを基準にして、設計するグリッドデザインを紹介しているサイトです。 960 Grid System デモページ 960pxを基準にする理由としては、下記の2つが挙げられています。 最近のモニターは1024x768の解像度をサポートしており、960pxを表示するには十分である。 960という数字は、2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480と多くの数字で区切ることができ、フレキシブルにグリッドの設計を行える。 デモページでは、左右に10pxのマージンを持ち、カラム間のマージンを20pxにし、60pxをベースに12カラムと、40pxをベースに16カラムの2種類のレイアウトを見ることが
グリッド&カラムデザインに優れたサイト特集『Grid and Column Designs』 – creamu
グリッドレイアウトの勉強がしたい。 そんなあなたにおすすめなのが、『Grid and Column Designs』。WebDesignerWallによる、グリッド&カラムデザインに優れたサイト特集だ。 このエントリーでは、以下のカテゴリーにわけてたくさんの優れたデザインが紹介されている。 ・ニュースサイト ・ブログのグリッドデザイン ・ボックスレイアウトにとらわれない画像の使い方 ・アイキャッチの背景画像があるカラムデザイン ・ボックスレイアウト&カラムレイアウト カテゴリーごとにご紹介。 ■ニュースサイト ■ブログのグリッドデザイン ■ボックスレイアウトにとらわれない画像の使い方 ■アイキャッチの背景画像があるカラムデザイン ■ボックスレイアウト&カラムレイアウト その他のリストは以下から。 » Grid and Column Designs グリッド&カラムデザインに優れたサイト特集
Grid Designer 2
" + (m == 0 ? '' : "\n {column " + cn + "}\n ") + " \n\n\n\n\n'; this.exportform.css.value = css; this.exportform.template.value = html; this.exportform.margins.value = this.exp.join(', '); this.set_url(); }; this.getSample = function(n) { if (this.h_index[n] === undefined) this.h_index[n] = Math.floor( Math.random() * (this.h_samples.length-1) ); if (this.p_index[n] === undefined) this.p_index[n]
不信と不快の壁を取り除く | 使える「デザインセミナー」
デザインを依頼される時「期待」されるのはとてもうれしい事です。 「ともかく、カッコよくしてくださいヨ。おまかせします！」なんていうオーダーもたまにありますが（笑）デザインの「エッジ」を効かせるためにとても大切な事はその「ベースづくり」にあったりします。また、これをやっておく事で、原稿の「好感度」があがったり、「信頼度」が増したりします。 「え、デザインで？」と思われる方もいらっしゃるかもしれませんね。 今日は、デザインで「不信と不快の壁を取り除く」がテーマ。是非、あなたの会社のツールづくりやサイトデザインに応用していただければ幸いです。 このブログは「BLOG RANKING」に参加しています。コメント、トラックバック大歓迎☆ 次回のテーマは「冠（かんむり）をはずすと見えてくるもの」。応援クリック、一度といわず何度でも（できれば毎日！）よろしくお願いいたします☆ 日本人はかわら版DNA、欧
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
