スクロールアニメーションをひたすら貼っていく

先週「 Awwwards 」、「 CSS Design Awards 」にて「 Site of the Year 」が発表されたら、今週「 Site of the Year 」についてまとめようと思ってました。し、しかし「 Site of the Year 」は今週から来週くらいに発表されるようでして、、また来週とかに「 Site of the Year 」についてまとめることにしよう。。

さ、さて、前回は「 Awwwards 」にて 2018 年 1 月 1 日から 12 月 31 日までに「 Site of the Day 」を受賞した 365 のウェブサイトからローディング／オープニングアニメーションを 30 厳選して紹介しましたが、今回はスクロールアニメーションを 30 厳選して紹介します。スクロールアニメーションを GIF アニメーションでひたすら貼って！貼って！貼りまくります！

スクロールアニメーション 30 選

1. BLUES DESIGN ( https://www.blues-d.co.jp/ )

2. Mustafa Celik ( http://www.themustafacelik.com/ )

3. Brontide ( http://brontidebg.com/ )

4. +_+ crypton.trading ( http://crypton.trading/ )

5. Salt & Pepper ( hhttps://snp.agency/en )

6. The Shift ( https://theshift.tokyo/ )

7. Xavier Cussó ( https://xaviercusso.com/ )

8. Squarespace Timeline ( https://www.squarespace.com/about/timeline )

9. Trampoline Park ( https://trampolinepark.com/ )

10. World Champion Amsterdam ( http://www.worldchampionamsterdam.nl/ )

11. The Grandmaster Challenge by Ogury ( https://www.ogury-gdpr.com/ )

12. Cuberto ( https://cuberto.com/ )

13. Maman Corp ( http://www.maman-corp.com/ )

14. koox ( http://koox.co.uk/ )

15. Beyond Beauty ( http://beyond-beauty.co/ )

16. YARD ( https://yard.agency/ )

17. Olaian - Lookbook summer 2018 ( http://lookbook-olaian.fr/ )

18. Squarespace Circle ( https://circle.squarespace.com/ )

19. Airnauts v2 ( http://airnauts.com/ )

20. Bewegen ( https://bewegen.com/en )

21. 5e Rue ( https://www.5erue.com/ )

22. Robin Mastromarino - Portfolio - ( http://robinmastromarino.com/ )

23. VIITA TITAN HRV ( https://titan.viita-watches.com/en/ )

24. Genesis ( https://eatgenesis.com/ )

25. Gilles Tossoukpé Portfolio ( https://rubxkub.com/ )

26. BLK OUT ( http://www.blkout.fr/ )

27. De Buris ( https://www.deburis.it/ )

28. The Bronze Collection by B&O ( https://www.bang-olufsen.com/collection/bronze-collection )

29. New Land ( http://newland.tv/ )

30. Cult ( https://cultldn.com/ )

私は中華そばも大好きです。中華そばを食べるためなら、駅からちょっと歩くこともあります。JR「王子」駅から徒歩 20 分、東京メトロ南北線「王子神谷」駅から徒歩 15 分、最寄駅から少し離れたところに中華そば屋さんがあります。それは「中華そば屋 伊藤」さんです。

メニューは「そば」、「肉そば」のみです。そして、「そば」は、麺、スープ、そして、ネギ、これだけです。麺とスープが美味しくなかったら、トッピングがネギだけなんて考えられません。

はじめて「中華そば屋 伊藤」さんで「そば」を注文して麺をすすったとき、これまで味わったことない麺とスープの美味しさに「な、なんじゃこりゃ？！」と驚いたことが忘れられません。これまでの経験から、なんとなく予想することはできても、それを裏切られると（もちろんいい意味で）箸が止まらなくなり、どんどん食べ続けてしまうかもしれない。そんなことを考えながらスクロールアニメーションをまとめました。

最近ローディング／オープニングアニメーション、スクロールアニメーションについてまとめながら、あらためて去年を振り返ってみると、もっとこうすれば良かった。。って考えさせることもありました。もちろんここにまとめているものがすべて参考になるなんてことはないと思いますが、、もしひとつでも参考になるものがあったらいいなって思ってます。

それではまたよろしくお願いします！

----------------------------------------

「そこまでやるか ?! 」って思うような Web サイトを紹介しています。「そんなとこまで ?! 」って驚くようなこだわりを持った Web サイトがありましたら、ぜひ教えてもらえると嬉しいです !!

タイトル未設定