チャットですって？
Tourist: Could you give us directions to Olive Garden?
New Yorker: No, but I could give you directions to an actual Italian restaurant.
「メニュー表示ボタン」スタイル
borderを使って三角形を作るサンプルがあったので、それを使っていかにもメニューが表示されそうなボタンを作ってみました。
borderの上辺だけ色付きで、他の三辺は透過です。また内容のサイズが0x0pxなので、視覚的には三角形だけが目に見えるようになります。
（こんな事するくらいならdata-uriで画像埋め込んだ方が良い気はしますけどね！）
via : CSS Triangle http://css-tricks.com/snippets/css/css-triangle/
以下CSS :
/* 文字列を追加 */
.menu_item0:after {
content: '▼'
}
/* borderを使って三角形 */
.menu_item:after {
border: 4px solid transparent;
border-top-color: inherit;
content: '';
display: inline-block;
height: 0;
left: 5px;
position: relative;
top: 1px;
width: 0;
}
/* -------- */
/* 適当なボタンスタイル */
/* via : http://css3button.net/ */
.menu_item0,
.menu_item {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #123d54;
padding: 2px 20px;
background: -moz-linear-gradient(
top,
#afd9fa 0%,
#588fad);
background: -webkit-gradient(
linear, left top, left bottom,
from(#afd9fa),
to(#588fad));
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #003366;
-moz-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,1);
-webkit-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,1);;
text-decoration: none;
text-shadow:
0px 1px 0px rgba(255,255,255,0.3);
}
/* メニューみたいな */
#menu {
background-color: #fff;
border: 1px outset;
display: none;
height: 150px;
position: absolute;
width: 120px;
}
それは格好の「先読み」の訓練の時間だと思った方がいい。 そのとき、以下のことに心がけて話を聞くといい。 ・この人はどんな立場で喋っているか? ・この人のメリットなにか? ・この人のデメリットはなにか? ・この人の目的はなにか? ・この会議における、この人の背景となる組織の目的はなにか? ・こちらのメリットはなにか? ・こちらのデメリットはなにか? ・こちらの目的はなにか?
