August 2012
2 posts
3 tags
CSS のみで押し心地の良いボタン（CSS3）
記号を使った CSS3 ボタンを作ってみました。
このデモ以外にも合う記号があったので、下のほうで紹介してあります。
デモ
解説
background: -webkit-linear-gradient(top, #00cccc, #0099cc); で背景にグラデーションをかける
border-radius: 5px; で角丸にする
立体感をだすため text-shadow: 0 1px -1px rgba(0, 0, 0, .5); で文字の外側に影を付ける
これも立体感をだすため box-shadow: 1px 1px 3px rgba(0, 0, 0, .2); でボタンの外側に影を付ける
影と本体の区別を明確にするため border: 1px solid #888888; でボタンの外側に 1px の枠を付ける
...
3 tags
Facebook Open Graph の Aggregation で遊んでみよう（ギャラリー編）
前回の記事 からだいぶ経ってしまいました…。前回はアクション、オブジェクトを使って遊びました。
今回は Aggregation（アグリゲーション） を使って遊んでみましょう！
アグリゲーションでどんなことができるのか
ざっくりこんなことができます。
※ Facebook で自分や友だちのタイムラインをみるとたまにこういうのありますよね
表示方法の種類（レイアウトスタイル）
アグリゲーションとは集合・集計であり、Facebook Open Graph では全部で 6 種類のアグリゲーションの表示方法（Layout Style）を提供しています。
それぞれ機能に応じてレイアウトスタイルを使い分けましょう。
レイアウトスタイル
用途
List
以下の用途に当てはまらない場合はリストを使うべきかも
Gallery
...
