Ajaxっぽい表現 お茶のはまだ

https://chiran-omoiire.com/

鹿児島県の知覧のお茶を販売しているサイトです。

マネしたいポイント

ページ読み込み時や遷移時にフェードの表現を取り入れて、エレガントなデザインに仕上げています。一見Ajaxのようですが実際にはAjaxではなく、遷移と読み込みにアニメーション表現を付けて実現しています。

応用できそうな場面

様々な事情でAjaxを導入できない場面ではもちろんのこと、フェードで遷移・読み込みしているので断絶感がありません。シームレスな使い心地を手軽に実装する方法として良いでしょう。

懸念点

実際には非同期通信が行われているわけではなく、通常の読み込みの前後にアニメーションが入っているので少しテンポが遅く感じられます。

  • Twitter Share
  • Facebook Share
  • Line Share