Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • テクノロジー
  • Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita
  • Twitterでシェア
  • Facebookでシェア

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

621usersがブックマークコメント33

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

    現在プライベートモードです設定を変更する

    おすすめタグタグについて

      よく使うタグ

        Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

        現在プライベートモードです設定を変更する

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページ

            記事へのコメント33

            • 注目コメント
            • 新着コメント
            kijtra
            ん、クラスの切り替えでCSS3アニメーションって、一般的だと思ってたけど…

              その他
              tkm_shohei
              むしろスマホでJsだけでアニメーションさせるのなんて今更やってるとこのほうが少ないだろう。

                その他
                d4-1977
                確かに、スライドのアニメーションは滑らか。ただ、jQueryでアニメーションをスマホで、というのは、やめた方が賢明

                その他
                h5y1m141
                "最後に CSS3すげぇ  角丸くできるだけかと思ってました。ごめんなさい。"

                  その他
                  teppeis
                  ヌルヌルサクサクって秋山のことかと思ったが違った。

                  その他
                  hanagejet
                  土日にやろ。

                  その他
                  mainyaa
                  素晴らしいhttps://github.com/ukitaka/jSlideMenu

                  その他
                  typista
                  Googleから学ぶ ヌルヌルサクサクなスライドメニュー

                    その他
                    kyotaweb
                    Google先生から学ぶことが多いな

                    その他
                    ebo-c
                    このtipsだけで実装してもスムースにならない。慣性挙動の自前実装と、あとおそらく適度にイベントを間引いて負荷軽減が必要そう

                      その他
                      Kureduki_Maari
                      .。oO(JavaScriptからCSS3のanimationを弄ってanimation) Googleから学ぶ ヌルヌルサクサクなスライドメニュー #JavaScript #CSS - Qiita [キータ]

                        その他
                        h5y1m141
                        h5y1m141"最後に CSS3すげぇ  角丸くできるだけかと思ってました。ごめんなさい。"

                          2013/06/12リンク

                          その他
                          kihan
                          CSS3のアニメーションか〜。Googleがやっているんだから、このやり方がベストに近いのかな。

                            その他
                            Horiuchi_H
                            CSS Animationかぁ。そろそろ調べないとな。

                            その他
                            UDONCHAN
                            参考になる

                              その他
                              mattarin
                              CSSでやるのかー。なるほど。

                              その他
                              bleu-bleut
                              スクロールの処理にtranslate3Dを使う?

                              その他
                              abeshin22
                              めも。

                                その他
                                vitaminsii
                                CSS3のアニメーションをつかうのか。あとで試してみよう。

                                その他
                                warriorking
                                Googleから学ぶ ヌルヌルサクサクなスライドメニュー #JavaScript #CSS - Qiita (キータ)

                                その他
                                iuhya
                                Googleは参考になるよね。

                                その他
                                yamadar
                                こういう風に実際に実装してみるのは力が付くので見習いたい。

                                その他
                                kimihito
                                Googleから学ぶ ヌルヌルサクサクなスライドメニュー #JavaScript #CSS - Qiita [キータ]

                                  その他
                                  kool_kreate
                                  z-indexを負にしてメニューを隠しておく / スライドメニュー

                                  その他
                                  nakamods
                                  JavaScript CSS

                                    その他
                                    sansansanba
                                    実験したい

                                      その他
                                      d4-1977
                                      d4-1977確かに、スライドのアニメーションは滑らか。ただ、jQueryでアニメーションをスマホで、というのは、やめた方が賢明

                                      2013/06/08リンク

                                      その他
                                      asuka0801
                                      確かに凄いけどCSS3のサンプルでもやってるし今更感

                                      その他
                                      tkm_shohei
                                      tkm_shoheiむしろスマホでJsだけでアニメーションさせるのなんて今更やってるとこのほうが少ないだろう。

                                        2013/06/08リンク

                                        その他
                                        teppeis
                                        teppeisヌルヌルサクサクって秋山のことかと思ったが違った。

                                        2013/06/08リンク

                                        その他
                                        kijtra
                                        kijtraん、クラスの切り替えでCSS3アニメーションって、一般的だと思ってたけど…

                                          2013/06/08リンク

                                          その他
                                          thujikun
                                          うーん、正直今更な気が…

                                            その他
                                            miz2403
                                            素晴らしいかもしれない!アプリのように動くサイトを作りたい

                                            その他
                                            minetty99
                                            google playのborderを使った裏技チックなナビといい、やっぱ中の人達は凄いな~

                                            その他
                                            Foorier
                                            TKGHatebuReaderより

                                              その他

                                              注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

                                              リンクを埋め込む

                                              以下のコードをコピーしてサイトに埋め込むことができます

                                              プレビュー
                                              アプリのスクリーンショット
                                              いまの話題をアプリでチェック!
                                              • バナー広告なし
                                              • ミュート機能あり
                                              • ダークモード搭載
                                              アプリをダウンロード

                                              関連記事

                                                usersに達しました!

                                                さんが1番目にブックマークした記事「Googleから学ぶ ヌ...」が注目されています。

                                                気持ちをシェアしよう

                                                ツイートする

                                                Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita

                                                スマフォwebページのスライドメニュー アプリでは当たり前のように実装されているスライドメニューです...スマフォwebページのスライドメニュー アプリでは当たり前のように実装されているスライドメニューですが、webページではなかなか使い心地のよいスライドメニューが実装されているのは見かけません。 スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきやスクロール制御のめんどくささからもうwebページでネイティブアプリ並のスライドメニューを実装するなんて無理と思っていました。 Facebookのwebページですらボタンの反応は悪いしアニメーションも動かないし最悪です。 一方Google先生はパーフェクトなスライドメニューを実装していた さすがGoogle先生! 俺達に出来ないことを(Googleのスライドメニューは以下の点でパーフェクトです。 スライドのアニメーションがとても滑らか・ちらつかない ボタンの反応にストレスを感じない メイ

                                                ブックマークしたユーザー

                                                • kiwofusi2019/06/21kiwofusi
                                                • katstech2017/02/09katstech
                                                • benzina2016/04/08benzina
                                                • lesser282016/02/10lesser28
                                                • ki_sz2016/01/13ki_sz
                                                • alphabet_h2015/11/17alphabet_h
                                                • HiyoshiKoko2015/07/21HiyoshiKoko
                                                • yoshida28552015/05/08yoshida2855
                                                • hysamyy2015/04/14hysamyy
                                                • huusen202015/03/24huusen20
                                                • wwweric2015/01/07wwweric
                                                • rs60002014/12/12rs6000
                                                • mizyu51002014/12/02mizyu5100
                                                • manimoto2014/08/07manimoto
                                                • cmd082014/07/18cmd08
                                                • you219792014/07/10you21979
                                                • daiki09102014/06/27daiki0910
                                                • kei_yam12092014/04/19kei_yam1209
                                                すべてのユーザーの
                                                詳細を表示します

                                                ブックマークしたすべてのユーザー

                                                同じサイトの新着

                                                同じサイトの新着をもっと読む

                                                いま人気の記事

                                                いま人気の記事をもっと読む

                                                いま人気の記事 - テクノロジー

                                                いま人気の記事 - テクノロジーをもっと読む

                                                新着記事 - テクノロジー

                                                新着記事 - テクノロジーをもっと読む

                                                同時期にブックマークされた記事

                                                いま人気の記事 - 企業メディア

                                                企業メディアをもっと読む

                                                はてなブックマーク

                                                公式Twitter

                                                はてなのサービス

                                                • App Storeからダウンロード
                                                • Google Playで手に入れよう
                                                Copyright © 2005-2025Hatena. All Rights Reserved.
                                                設定を変更しましたx

                                                [8]ページ先頭

                                                ©2009-2025 Movatter.jp