StudioでPC・タブレット・スマホに対応するレスポンシブデザインを作るコツを解説。基準となるレイアウトの作り方と、画面幅が変わっても崩れにくい設定の考え方を紹介します。

RSSリンクを取得してStudioにブログ記事を表示する方法を解説。デザインエディタでの設定とレイアウト調整に加え、WordPressの記事を連携するときのポイントも紹介します。

Studioで使うショートカットを、要素の編集、選択、エディタの画面操作に分けて紹介。基本操作と応用例を確認し、日々のWebサイト制作を効率化するための一覧です。

Studioのシンボル機能による共通パーツの管理方法を紹介。基本的な作成・配置の操作と応用例を解説し、現在のコンポーネント機能を学ぶための関連記事も案内します。

Studioのリスト機能を使い、同じレイアウトの要素をまとめて作成・編集する方法を解説。シンボル機能との違いと基本操作を確認し、更新しやすいページ作りに役立てます。

Webサイトの写真探しに使える素材サイト10選と横断検索サービスを紹介。各サイトの特徴を比較し、商用利用の条件やクレジット表記など、使用前に確認したい点も整理します。

予約サービスSELECTTYPEで作ったフォームをStudioに埋め込む方法を解説。アカウント作成、テンプレート選択、フォームのテスト、埋め込みコードの設定まで紹介します。

Studioのはみ出し・切り取り・スクロール設定の違いを解説。ボックスからはみ出す内容の見せ方と、スクロールを活用したレイアウトの応用例を紹介します。

Studioでグラデーションカラーを動かすアニメーションの作り方を解説。色と方向の設定から出現時アニメーションまで、背景や装飾に使える演出の手順を紹介します。

Studioのハンバーガーメニューをクリックするとバツ印に変わるアニメーションを解説。モーダルの作成、線の配置、モーションとリンクの設定を順番に紹介します。