[JS]アニメーションが気持ちいい！複数のパネルをiOS風のエフェクトで切り替える -Kontext | コリス

2013/02/27 105 users iPhone コリス ウェブページ エフェクト CSS

CSSの3Dアニメーションを使った、iPhone, iPadアプリで見かけるパネル切替のエフェクトをウェブページに実装するスクリプトを紹介します、 Kontext -GitHub Kontextのデモ Kontextの使い方 Kontextのデモ デモでは3枚のパネルをダイナミックなアニメーションで切り替えます。 操作は、下部のナビゲーションとキーボードの矢印キーに対応しています。 Kontext... 続きを読む

CSSでiOS風の選択ボタンをつくるチュートリアル。（CSS おれおれ Advent Calendar 2012 – 10日目） | Ginpen.com

2012/12/11 71 users Ginpen.com rAdio Label チュートリアル

CSS おれおれ Advent Calendar 2012 – 10日目 iOSの選択ボタン。HTMLでいうラジオボタン的なもの。”Segmented Control”というらしいです。 Segmented Control風ラジオボタン。 HTML こんな感じです。 <p> <span class="segmented"> <label><input type="radio" name="frui... 続きを読む

ブロック要素にいとも簡単にiOS風の通知件数を表示できる「Badger」:phpspot開発日誌

2011/10/18 59 users Element phpspot開発日誌 ブロック要素 既存

Badger - Super sexy iOS style badges for jQuery ブロック要素にいとも簡単にiOS風の通知件数を表示できる「Badger」 $(element).badger(22);みたいに実行すると次のようにブロック要素に通知件数が追加されるというもの。 ちょっとめんどくさそうな処理もたった１行で実行できるのは有難い限りです。 既存の数値にプラスしたり、コールバッ... 続きを読む

画像を使わずCSS3だけで尖ったBack・Nextボタンを作る方法

2011/05/14 504 users CSS3 back 画像 NEXT 方法

CSS3だけで、iOS風のBackやNextの尖ったナビゲーションボタン作る方法ないかな〜と探していたところ、こちらに良記事が↓（この記事自体はボタンの作り方の紹介では無いみたいですが…） CSS3 Wizardry -Back and Next Buttons Revisited- CSS3 Wizardry -Subpixel Rendering- Buttons Revisitedの方が改良... 続きを読む