タグ

jQueryとCSS3に関するpigshapeのブックマーク (2)

  • キューブが3Dに回転するUIを作れる「jqCube」:phpspot開発日誌

    Rotating Cube キューブが3Dに回転するUIを作れる「jqCube」 面には普通のHTMLが書けてそのままレンダリングされます。 「おれ、3D分からないけど、3Dっぽいものが作れるぜ」と同僚にいうことが出来るでしょう。 使い方は面をDIVで定義して、$(element).cube() とやるだけでOK なんという簡単さでしょうか。 関連エントリ ピュアCSSでマリオを3D表示したデモ CSS3で画像を使った風の3Dボタンを実装したサンプル CSS3の3D Transformで3Dのホバーエフェクト実装例 3D Transformsを使った次世代の3Dサイドメニュー実装スクリプト「Meny」

  • CSS で作るスマートフォン向け片手操作メニュー

    ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック (タップ) で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UICSS と超簡単な JavaScript (jQuery 使用) で作ってみたので紹介。 久々にこの手のネタ書いた気がしますけども… ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック (タップ) で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UICSS と超簡単な JavaScript (jQuery 使用) で作ってみたので紹介。多分言葉で言っても伝わりにくいと思いますので実際のサンプルをまずは見てみてください。 CSS で作るスマートフォン向け片手操作メニュー サンプル 現在最新版の Firefox

    CSS で作るスマートフォン向け片手操作メニュー
  • 1