This domain may be for sale!
ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック (タップ) で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript (jQuery 使用) で作ってみたので紹介。 久々にこの手のネタ書いた気がしますけども… ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック (タップ) で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript (jQuery 使用) で作ってみたので紹介。多分言葉で言っても伝わりにくいと思いますので実際のサンプルをまずは見てみてください。 CSS で作るスマートフォン向け片手操作メニュー サンプル 現在最新版の Firefox
対象ブラウザにSafari4とありますが、少なくともWindowsXPで動作する最新のSafari4はCSS3 のbox-shadowプロパティのinsetに対応していません。 第2回コーディングコンテストのルールについての疑問 他の調べ物をしてる時に見つけました。コンテスト前にこの質問に気付けばお答え出来たので残念ですが、一応‥(。`-ω-´) 追記 : Safari4では(-webkit-)box-shadowのinset指定は完全に未対応だったと後で知りました‥。このエントリに含まれる方法ではSafari4でのボックス内側への影は、box-shadowプロパティでは実現不可能のようですのでご注意ください。 selector { box-shadow: 2px 3px 4px #000 } 右から「影の位置(X軸)」、「影の位置(Y軸)」、「ぼかし具合」、「色」となっていて、これでプレ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く