タグ

googleとeffectに関するnibushibuのブックマーク (3)

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

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

    Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita
  • Learn web development  |  web.dev

    Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.

    Learn web development  |  web.dev
  • HTML5で表現されたページフリップ | Branberyheag Lab

    Google  Chrome Team が作った「20 Things I Learned About Browsers and the Web」という素晴らしいサイトがあるんだけど、そのページをめくる感じがものすごくいい感じ。 これ、Canvas を使って表現されている。マウスイベントでアニメーションを使っているため、ロジック自体は複雑になっていると思う。 実は、これを自分でつくろうと思っているいろいろと試してみたけど、結局、駄目だった。(時間が切れ) これを今作っているサイトに取り入れようと思って、いろいろと試してみた。 このページめくりに関して、参考になる記事があったので、メモ。 「HTML5Rocks」にある、「Case Study: Page Flip Effect from 20thingsilearned.com 」という記事を見つけた。 これを使って、実際に作っているサ

  • 1