CSS で作る Tumblr モバイルアプリ風メニュー

1年くらい前に 「CSS で作るスマートフォン向け片手操作メニュー」 って記事書いたんですが、同じようなのをまたやってみたので紹介。 Tumbler の Android アプリ （Tumblr for Android） の新規投稿の UI がカッコよかったんで、これを CSS と超簡単な JavaScript （jQuery 使用） で再現してみました。実際のサンプルは下記に。 CSS で作る Tumblr モバイルアプリ風メニュー サンプル 現在最新版の Firefox、Safari、Chrome では動くと思います。あと手持ちの iOS 6 Safari では動作確認しました。他のスマートフォンとか知らない。IE？ 一応、IE10 は問題なく動作します。IE9 だと動作はするけどアニメーションとかしないです。 元ネタを下記に貼っておきますね （画像は 「Tumblr Staff」 から

[souya_matsuoka]

CSS で作る Tumblr モバイルアプリ風メニュー | WWW WATCH

[glat_design]

いい感じ。こういうのつくれるようになりてーな… /

[tsetgogo]

CSS で作る Tumblr モバイルアプリ風メニュー

[megamak]

試してみる

[hiro_y]

アイコンが一箇所に重なっていてびよーんと伸びるやつ

[june29]

Path/Tumblr 風のクルクル開閉メニューの実装。

[yuta0121]

　かわいいメニュー開閉スクリプト

[kiyo_hiko]

かっこいい // 左手の親指っぽい並び

[DiscoveryCoach]

ちょっと個人的にメモ的な

[takehirohattori]

はてブ米も参考になる

[megazalrock]

「3. メニューを動作させるためのトリガーを jQuery で」話が違う

[warriorking]

CSS で作る Tumblr モバイルアプリ風メニュー | WWW WATCH

[tak4hir0]

1年くらい前に 「CSS で作るスマートフォン向け片手操作メニュー」 って記事書いたんですが、同じようなのをまたやってみたので紹介。 Tumbler の Android アプリ （Tumblr for Android） の新規投稿の UI がカッコよかったんで、こ

[Malan]

CSS で作る Tumblr モバイルアプリ風メニュー | WWW WATCH

[teppeis]

よろしければこちらのPath風メニューもどうぞ http://teppeis.hatenablog.com/entry/20111228/1325029083

[michael-unltd]

お洒落

[hosicame]

CSS で作る Tumblr モバイルアプリ風メニュー

[tyoshikawa1106]

すごい。

[gn_spawn]

かっこいい。ちょっとHTML5アプリに入れてみよう

[AndroidestX]

CSS で作る Tumblr モバイルアプリ風メニュー | WWW WATCH

[kkeisuke]

transition transform animation

[Donca]

✔ CSS で作る Tumblr モバイルアプリ風メニュー

[OfficeRiverHead]

1年くらい前に 「CSS で作るスマートフォン向け片手操作メニュー」 って記事書いたんですが、同じようなのをまたやってみたので紹介。 Tumbler の Android アプリ （Tumblr for Android） の新規投稿の UI がカッコよかったんで、こ

[kussun]

順を追って解説してくれているので分かりやすい。