タグ

2019年11月5日のブックマーク (2件)

  • パララックスの実装におすすめのJavaScriptライブラリまとめ【2021年版】 | Web Design Trends

    Webデザインにおいて、定番テクニックの1つとして使われるのがパララックスです。パララックスはライブラリを使用することで手軽に導入することができ、Webサイトの印象を大きく変えることができます。 今回は、パララックスの実装におすすめのJavaScriptライブラリをご紹介します。 基的にVanilla JSで作られているで、依存関係など意識せずに利用することができます。 パララックス(Parallax)とは、英語で「視差」という意味で、Webサイトにおけるパララックスはスクロールなどの動きに合わせて要素が動くスピードをずらしたり、異なる動きを加える演出のことを指します。 数年前に大きく流行し、現在ではWebサイトの定番テクニックの1つとして定着しています。 パララックスをWebサイトに取り入れることによって、デザインに立体感や奥行きを生み出すことができ、また一味違った雰囲気のデザインを作

    パララックスの実装におすすめのJavaScriptライブラリまとめ【2021年版】 | Web Design Trends
  • Webアニメーションの種類と実装方法 | BACKYARD

    \月刊!/ソーシャルトレンド #26 キャッチーすぎるタイトルで話題! 「チンアナゴ顔見せ祭り」 ほか【2020年6月】 田中 雄一郎 デジタルで遊ぼう! #3 Webアニメーションの種類と実装方法 2017/02/03西田 慎吾 クロスコミュニケーションUXM部 クリエイティブ TIPS デザイン html5 Flash JavaScript UI エンジニア UX(ユーザーエクスペリエンス)を高める手法のごく一部ですが、Webサイトにインタラクション性を持たせたり、アニメーション演出を加えたり、動的なWebサイトを作るには、HTML以外の技術を使う必要があります。その技術には、はやり廃りがあり、また用途に応じても、選択されるものが変わってきます。今回は、Webアニメーションを実現するための仕組み、を解説したいと思います。

    Webアニメーションの種類と実装方法 | BACKYARD