Webflow

  1. okakishi-chaya_img05

    中面3ページにインタラクションとライトボックスを設定(webflow)

    架空サイト【岡岸茶屋】に「お店の紹介」「甘味メニュー」「おみやげ」ページを作成。お店の紹介ページには、ページスクロールに反応するインタラクションを設定。…

  2. okakishi-chaya_img01

    架空のサイトを制作開始(webflow)

    前回まで、制作方法を紹介するようなページを掲載してきましたが中々、これが飽いてきまして(笑)、やはりなるべくリアルに近い内容の方がヤル気になりますので今…

  3. transitions_img01

    トランジションの設定(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回は「トランジション(Transitions)」について説明します。…

  4. div_block_img01

    Divブロックの説明(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回は「Divブロック(Div Block)」について説明します。Di…

  5. columns_img01

    カラムの説明(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回は「カラム(Columns)」について説明します。並べてレイアウト…

  6. container_img01

    コンテナの説明(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回は「コンテナ(Container)」について説明します。コンテナ(…

  7. webflow018-01

    セクションの説明(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回は「セクション(Section)」について説明します。セクション(…

  8. webflow017-01

    フレックスアイテムの設定(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回はフレックスアイテムの設定を紹介します。◎コンテナに対してフレック…

  9. webflow016-01

    フレックスボックスの設定2(webflow)

    ◎「Reverse Layout」の選択でブレークポイントでレイアウトを逆にする必要がある場合などに便利。サンプルページの設定 ・Display S…

  10. webflow015-01

    フレックスボックスの設定(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回はフレックスボックスの設定方法を紹介します。◎配置したコンテナに対…

My Portfolio

kishioka-design.myportfolio.com
  1. fullscreen-slideshow-cover01

    Adobe Muse CCを使ったホームページ制作

    Webサイト全体をフルスクリーンスライドショーで魅せる(Adobe Muse)
  2. filmora-007

    Filmora

    古い映画風の効果を試してみよう!(Filmora9)
  3. fullscreen-video-slideshow-cover

    Adobe Muse CCを使ったホームページ制作

    フルスクリーンビデオスライドショー(Adobe Muse)
  4. tooltips02

    Adobe Muse CCを使ったホームページ制作

    ツールチップをアニメーションで演出(Adobe Muse CC)
  5. animate-sample03

    Adobe Animate CCを使ったコンテンツ制作

    ムービークリップの再生・停止(Adobe Animate CC)
PAGE TOP