2018年 6月

  1. columns_img01

    STUDY

    カラムの説明(webflow)

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

  2. container_img01

    STUDY

    コンテナの説明(webflow)

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

  3. webflow018-01

    STUDY

    セクションの説明(webflow)

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

  4. webflow017-01

    STUDY

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

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

  5. webflow016-01

    STUDY

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

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

  6. webflow015-01

    STUDY

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

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

  7. webflow014-01

    STUDY

    ドロップダウンメニューの設定(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回はドロップダウンメニューの設定方法を紹介します。◎Compon…

  8. webflow013-01

    STUDY

    フィルタの設定(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回はフィルタの設定方法を紹介します。◎フィルタの使用で、任意の箇…

  9. webflow012-01

    STUDY

    不透明度の設定(webflow)

    ◎不透明度を設定した箇所を選択した状態でEffects/Opacityの%を設定する。※ただし、不透明度を変更すると、設定箇所の上に乗っている箇所すべてに反…

  10. webflow011-01

    STUDY

    ブレークポイントで画像のサイズを変更する(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回はブレークポイントで画像のサイズを変更する方法を紹介します。◎…

My Portfolio

kishioka-design.myportfolio.com
  1. hover-reveal

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

    44種類のホバーアクション(Adobe Muse)
  2. qr-mobile-preview

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

    自動QRコード(Adobe Muse)
  3. animate-sample06

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

    水平移動、垂直移動、角度変更、連続回転のアニメーション(Adobe Animat…
  4. okakishi-chaya_img05

    STUDY

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

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

    サイト内検索機能(Adobe Muse)
PAGE TOP