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. musexpress3_18

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

    Dynamic Menuの設置(MusexPress3)
  2. simple-and-sweet-on-scroll-animations

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

    26種類のスクロールアニメーション(Adobe Muse)
  3. filmora-pho008-01

    Filmora

    動画を分割表示させてドラマ仕立てに(Filmora)
  4. studio04-01

    STUDIO

    WordPressを使わずにSTUDIOでニュースサイトを構築する
  5. simple-parallax-slideshow-img

    After Effects

    Filmstocksが提供しているAfter Effectsテンプレート「Sim…
PAGE TOP