エディター(デザイン)

akiho avatar Awaya avatar Saika avatar +3
コレクションには87の記事があります
著者: akiho、Awaya、およびSaika他3人

STUDIOのレイアウト手法

ボックスモデルの基礎
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週間以上前に更新

表示倍率

キャンバスを拡大 / 縮小する
Kaneko avatar
著者: Kaneko
1週間以上前に更新

シンボル

よく使うパーツを共通化する
STUDIO Support avatar
著者: STUDIO Support
1週間以上前に更新

ショートカット一覧

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

エディターの動作環境

STUDIOが動作するブラウザ
STUDIO Support avatar
著者: STUDIO Support
1週間以上前に更新

パーツテンプレート

よくあるパーツのプリセットを利用する
STUDIO Support avatar
著者: STUDIO Support
1週間以上前に更新

デザインモードとコンテンツ編集モード

エディターでテキスト・画像・アイコンだけを編集できるコンテンツ編集モード
Awaya avatar
著者: Awaya
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週間以上前に更新

シャドウ

ドロップシャドウ / インナーシャドウの設定
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
今週更新

Youtube動画のiframe埋め込み

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

Vimeo動画のiframe埋め込み

Vimeoに公開した動画を埋め込む
STUDIO Support avatar
著者: STUDIO Support
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週間以上前に更新