Hamachiya2のブックマーク / 2006年12月10日

Hamachiya2 id:Hamachiya2

2006年12月10日のブックマーク (3件)

DIVを垂直方向に中央寄せするCSSサンプル:phpspot開発日誌
Blue Box Demo: Vertical Centering with a Shiv Div DIVを垂直方向に中央寄せするCSSサンプル。次のように、DIV要素をブラウザの縦方向に配置できます。 CSSは非常にシンプルで、まず、html と body 要素に height:100% プロパティを設定します。次に、body内にdiv要素を配置し、そのdiv要素に対し、height:50% かつ、margin-top:-50px のようにプロパティをあて、中央寄せしたい要素(上図中、青い部分)の半分のサイズ分のマージンをマイナスします。最後に中央寄せしたいdiv要素( height:100px ) を配置することで、青い部分は中央によります。垂直方向に、100px のdiv要素が配置される感じです。 <html> <head> <style type="text/css">
Hamachiya2 2006/12/10
css
リンク
「OK」と「キャンセル」、どちらが有効か ― ＠IT
ユーザビリティのヒント（最終回）「OK」と「キャンセル」、どちらが有効か「情報表現の最適化」ソシオメディア　上野学 2006/10/20 デスクトップのメモ帳を新規に開いて、メモを書き、ウィンドウを閉じようとすると、「変更を保存しますか？」というメッセージダイアログが表示されます。ユーザーにしてみれば、「新しいメモをいま書いたところなのに、なぜ『変更』なんだ？」と思うでしょう（本文から）英語や、日本語の横書きでは、情報は大きく上から下に、左から右に展開していきます。ユーザーは画面（ウィンドウ内）の左上から右下に向かって意識を推移させて、そこで表現されている情報を取得していきます。実際にはユーザーは、まず画面中央付近に視線をやり、そして全体をざっと見渡してから、重要と思われる個所に注目していくようです。ひとたび内容を読もうとか、入力フィールドを埋めていこうと決めたら、当然、上から
Hamachiya2 2006/12/10
説得力ある

usability
リンク
TRANS [hatena] - 印刷用CSSをまとめてみた。
以前、絵文禄のことのはさんのところで、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論というエントリーがあった。それから、ちょっと印刷用CSSに興味を持って、色々と調べてみたり、自分で書いてみたりした。そのまとめ。ちなみに、#naviがグローバルナビゲーション、#primaryがメインコンテンツ、#secondaryがサブメニュー、#footerがフッター。とりあえず、最低限やっておいたほうがよいこと。 body { font-size: 12pt; color: #000000; background-color: #FFFFFF; } a:link, a:visited { text-decoration: underline; color: #000000; } img { border: 0; } 印刷で読まれることを勘案するのなら、font-sizeはある程度
Hamachiya2 2006/12/10
css
リンク
- 2006年12月11日
- 2006年12月10日
- 2006年12月8日