エディター(デザイン)

akiho avatar Awaya avatar Ryo Hasegawa avatar +4
コレクションには81の記事があります
著者: akiho、Awaya、およびRyo Hasegawa他4人
ボックス毎の設定(スタイルバー)

ボックスの表示設定

STUDIO Support avatar
著者: STUDIO Support
1週間以上前に更新

相対位置・固定位置・絶対位置

要素を画面や親ボックスからの距離で固定する
STUDIO Support avatar
著者: STUDIO Support
1週間以上前に更新

はみ出し

親ボックスからはみ出した要素の扱い(オーバーフロー)
STUDIO Support avatar
著者: STUDIO Support
1週間以上前に更新

重ね順

前面に任意の要素を持ってくる
STUDIO Support avatar
著者: STUDIO Support
1週間以上前に更新

サイズ単位

単位設定を工夫してレスポンシブにデザインする
STUDIO Support avatar
著者: STUDIO Support
1週間以上前に更新

マージンとパディング

ボックスに余白を持たせる方法
STUDIO Support avatar
著者: STUDIO Support
1週間以上前に更新

ネガティブマージン

マイナスの余白を設定する
STUDIO Support avatar
著者: STUDIO Support
1週間以上前に更新

透明度

ボックスの不透明度を設定する
STUDIO Support avatar
著者: STUDIO Support
1週間以上前に更新

塗り

ボックスに色をつける
STUDIO Support avatar
著者: STUDIO Support
1週間以上前に更新

枠線

ボックスに囲み線をつける
STUDIO Support avatar
著者: STUDIO Support
1週間以上前に更新

シャドウ

ドロップシャドウ / インナーシャドウの設定
STUDIO Support avatar
著者: STUDIO Support
1週間以上前に更新

角丸

ボックスに角丸を設定する
Saika avatar
著者: Saika
1週間以上前に更新

ブレンドモード・フィルター・背面フィルター

Awaya avatar
著者: Awaya
1週間以上前に更新

条件付きスタイル

ホバー、出現時などの条件に応じたスタイルの設定
Awaya avatar
著者: Awaya
1週間以上前に更新

アニメーション

ホバー・出現時などの条件付きスタイルにモーションをつける
Awaya avatar
著者: Awaya
1週間以上前に更新
iframeボックス

埋め込みボックス

外部サイトの埋め込みボックスを配置する
STUDIO Support avatar
著者: STUDIO Support
1週間以上前に更新

Youtube動画のiframe埋め込み

YouTubeに公開されている動画を埋め込む
STUDIO Support avatar
著者: STUDIO Support
1週間以上前に更新

Vimeo動画のiframe埋め込み

Vimeoに公開した動画を埋め込む
Ryo Hasegawa avatar
著者: Ryo Hasegawa
1週間以上前に更新

Twitterのiframe埋め込み

Twitter内の任意のコンテンツを埋め込む方法
STUDIO Support avatar
著者: STUDIO Support
1週間以上前に更新

Facebookのiframe埋め込み

Facebook内の任意のコンテンツを埋め込む方法
STUDIO Support avatar
著者: STUDIO Support
1週間以上前に更新

formrunのiframe埋め込み

formrunで作成したフォームを埋め込む方法
STUDIO Support avatar
著者: STUDIO Support
1週間以上前に更新

Fireworkのiframe埋め込み

縦型動画のストーリーフィードを埋め込む方法
STUDIO Support avatar
著者: STUDIO Support
1週間以上前に更新

HubSpot Formのiframe埋め込み

HubSpot Form を STUDIO で利用する方法についての解説。
akiho avatar
著者: akiho
1週間以上前に更新

Googleフォームのiframe埋め込み

Awaya avatar
著者: Awaya
1週間以上前に更新

Googleカレンダーのiframe埋め込み

STUDIO Support avatar
著者: STUDIO Support
1週間以上前に更新

Google Mapsのiframe埋め込み

デザインに地図を埋め込む方法、編集方法を解説
STUDIO Support avatar
著者: STUDIO Support
1週間以上前に更新

Embed を良い感じにレスポンシブ対応させて表示する方法

iframe の画角を保ったまま綺麗に表示させる方法
akiho avatar
著者: akiho
1週間以上前に更新