アイコンをタップでメニューをスライド表示したり、スライドさせると折り紙のように畳まれたり、スクロール時にエレメントが追従するように表示されたりなど、モバイル向けWebページの気持ちいいアニメーションを実装

ebisu3htn のブックマーク 2014/09/02 23:00

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/222944205/comment/ebisu3htn" data-user-id="ebisu3htn" data-entry-url="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/js-impulse.html" data-original-href="https://coliss.com/articles/build-websites/operation/javascript/js-impulse.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjs-impulse.html" data-user-icon="/users/ebisu3htn/profile.png">[JS]スマホやタブレット向けの操作を楽しくするさまざまなアニメーションを実装できるスクリプト -Impulse</a><br><p style="clear: left">アイコンをタップでメニューをスライド表示したり、スライドさせると折り紙のように畳まれたり、スクロール時にエレメントが追従するように表示されたりなど、モバイル向けWebページの気持ちいいアニメーションを実装</p><a class="datetime" href="https://b.hatena.ne.jp/ebisu3htn/20140902#bookmark-222944205"><span class="datetime-body">2014/09/02 23:00</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

[JS]スマホやタブレット向けの操作を楽しくするさまざまなアニメーションを実装できるスクリプト -Impulse

coliss.com2014/09/02

Bouncy Scrolling ※アニメーションGIFにしたらサイズがすごかったので静止画像です。デモページには他にもたくさんのデモがあります。 Impulseの使い方実装は各デモによってHTMLやJavaScriptが異なるので、「Pu...

70 人がブックマーク・6 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

[JS]スマホやタブレット向けの操作を楽しくするさまざまなアニメーションを実装できるスクリプト -Impulse

はてなブックマーク

公式Twitter

はてなのサービス