メールでのお問い合わせはこちらご相談・お問い合わせ
スクロール連動のアニメーションをカンタン実装

スクロール連動のアニメーションをカンタン実装

こんにちは、朝日です。

最近弊社でもご相談ご依頼が増えてきたスクロール連動のアニメーション表示。
利用できるライブラリは多数公開されていますが、
その中から1つ紹介したいと思います。

sal.js(デモページ)

超軽量でカンタンにアニメーションが実装できます。
デモページでは星や四角などの図形がスクロールに連動して
フェード、スライド、ズーム…と様々な動作で表示されます。

アニメーションの種類だけでなく動作の速度や時間も設定が可能のようです。
もちろん、画像やテキストのようなコンテンツも動作に含めることができます。
複雑な挙動は難しいでしょうが、シンプルなアニメーションであれば充分かと思います。
比較的手間なく実装が可能ですので、
実装にご興味を持たれた方はお気軽にお問い合わせくださいませ。

スタッフブログ|2018年09月14日

グーグルマップのカスタマイズについて

こんにちわ。
デザイナーの神谷です。

本日はグーグルマップについて書きたいと思います。
グーグルマップはホームページに簡単に埋め込むことができます。
例:https://hp.racoo.co.jp/company/

それだけではなく、ホームページのデザインに合わせて
マップの色合いを変えたり、ピンのデザインを変更してカスタマイズすることも可能です。

カスタマイズにはグーグルでAPIキーというものを取得する必要があります。
以前は無料で問題なく、使用ができましたが
今年の6月以降、一定の使用基準に達すると料金が発生するようになりました。
それにあたって支払い方法の入力が必須となりました。

そのため、それ以前にこのAPIキーを取得してグーグルマップをカスタマイズされた方は、
支払い方法が設定されておらず、
マップにエラー表示がされ、見えなくなってしまっている可能性がございますので
一度、ご確認をいただけますと良いかと思います。
※色合いを変更したりカスタマイズしていない場合は、今まで通り無料で使用が可能です。

表示がされていなかったり、疑問点がございましたら
お気軽にお問い合わせいただければと思います。

スタッフブログ|2018年09月10日

ホームページ運用相談作成依頼はこちらから

0120-982-419

メールマガジン会員募集- E-mail magazine -

ラクーからのメールマガジンの会員を募集しております。
ホームページに関する最新情報や、IT業界の先進事例などを定期的に送信いたします。
ご登録は下記のフォームにメールアドレスを入力して送信するだけとなります。


PAGE TOP