Edge Animateでレスポンシブなバナーを作ろう
レスポンシブな HTML バナーの制作に必要なリキッドレイアウトを使ったアニメーションの作り方や、表示幅に応じて配置を切り替える方法が書かれた記事です。
Adobe HTML5 特設サイト サンプルページ
このページでは、アドビが取り組んでいる Web 標準の推進や、アドビが提供する Web 制作に役立つツールやサービスに関連したサンプルをご紹介しています。
このページでは、アドビが取り組んでいる Web 標準の推進や、アドビが提供する Web 制作に役立つツールやサービスに関連したサンプルをご紹介しています。
この下に表示されているのは、ブラウザの幅に合わせて表示が変わる、レスポンシブな HTML バナーのサンプルです。 Edge Animate では、画像や Div の配置に相対値を使うことができるため、このサイトのようにレスポンシブなサイト向けのバナーも簡単に制作できます。
サンプルをダウンロードして、自分の環境でプロジェクトファイルやソースコードを確認することができます。
サンプルの内容を詳しく解説した技術記事が Adobe Developer Connection (ADC)* に公開されていますのでご覧ください。
レスポンシブな HTML バナーの制作に必要なリキッドレイアウトを使ったアニメーションの作り方や、表示幅に応じて配置を切り替える方法が書かれた記事です。
*Adobe Developer Connection (ADC) は、アドビ システムズが運営するWeb系の技術ポータルサイトです。