Skip to content

Instantly share code, notes, and snippets.

View logicalyze's full-sized avatar

Katsumi Otsuka logicalyze

View GitHub Profile
タブ名 内容
ページ プロジェクト内のページ一覧と、新しいページの追加機能等
レイヤー 現在のページ上の要素のレイヤー(階層)の表示と管理
スタイル(フォント) 利用可能なフォントスタイルの一覧を提供し、テキスト要素に適用
追加 ページに追加可能な要素(ボックス、テキスト、画像など)の一覧
タブ名 内容
ボックス 選択されたボックス要素のスタイルを編集
画像 選択された画像要素のスタイルを編集
テキスト 選択されたテキスト要素のスタイルを編集
モーション 要素にアニメーションや動きを追加するための設定
タブ名 内容
ボックス ID の設定、コンテンツ内容の変更、リンク設定
履歴 編集履歴を表示し、過去の状態に戻ることができる
ボックスの種類 内容
Section ボックス ウェブページの主要なセクションを区切るために使用(親要素)
Box ボックス 汎用コンテナとして使用
Image ボックス 画像を挿入・表示
Text ボックス テキストコンテンツを表示
Icon ボックス アイコンを表示
RichText ボックス 書式設定されたテキストやリンクを含むリッチテキストを提供
Embed ボックス 外部コンテンツやサービスを埋め込み (例: YouTube ビデオ、Google Maps)
スタイリングオプション 内容
配置 ボックスのページ内での位置
はみ出し コンテンツがボックス外に表示されるかどうか
重ね順 複数のボックスが重なる場合の表示順
マージン ボックスの外側の余白
パディング ボックスの内側の余白
横幅 ボックスの幅
角丸 ボックスの角の丸み
不透明度 ボックスの透明度
オプション 説明
配置 画像のページ内での位置
はみ出し 画像がコンテナからはみ出るかどうか(表示、非表示、スクロール)
重ね順 複数の画像や要素が重なる場合の表示順
明るさ 画像の明るさを調整
コントラスト 画像のコントラストを調整
モノクロ 画像をモノクロ表示
セピア 画像をセピア調にする
ぼかし 画像にぼかし効果を適用
スタイリング種類 内容
文字間 文字の間隔
行間 行の高さ(行間)
サイズ テキストサイズ
フォント 使用するフォントスタイル
太字 太字
イタリック 斜体
下線 下線を引く
テキストの色
スタイリング種類 内容
不透明度 アニメーション中の要素の透明度
イージング アニメーションの加速度
時間 アニメーションの総時間
遅延 アニメーション開始までの遅延時間
移動 水平方向や垂直方向への移動距離
回転 要素の回転角度を設定
スケール 要素の拡大縮小率を設定
傾き 要素の傾斜角度を設定
スタイリングオプション 内容
配置 ボックスのページ内での位置
はみ出し コンテンツがボックス外に表示されるかどうか
重ね順 複数のボックスが重なる場合の表示順
マージン ボックスの外側の余白
パディング ボックスの内側の余白
横幅 ボックスの幅
角丸 ボックスの角の丸み
不透明度 ボックスの透明度
オプション 説明
配置 画像のページ内での位置
はみ出し 画像がコンテナからはみ出るかどうか(表示、非表示、スクロール)
重ね順 複数の画像や要素が重なる場合の表示順
明るさ 画像の明るさを調整
コントラスト 画像のコントラストを調整
モノクロ 画像をモノクロ表示
セピア 画像をセピア調にする
ぼかし 画像にぼかし効果を適用