Webサイト制作で使うChrome拡張機能として、WhatFont、ColorZilla、Responsive Viewer、Wappalyzerを紹介。フォントや色の調査、画面サイズの確認に役立つ使い方を解説します。

Chromeの検証ツールでフォント、文字サイズ、余白を調べ、Studioのサイト模写に活用する方法を解説。検証画面の開き方からマージン・パディングの確認まで紹介します。

StudioとWordPressの違いを、制作方法、機能の拡張、運用の負担などの観点で比較。制作事例も交えながら、作りたいサイトと管理体制に合うツールを選ぶ考え方を解説します。

Studioを独学で学ぶ初心者に向けて、公式動画・講座・サイト模写を使った学習手順を紹介します。実際に制作案件を経験した筆者の学びをもとに、基本操作から公開・納品を目指すまでの進め方を解説します。

StudioのCMSとカルーセルを使い、画像が横へ流れ続ける表現を作る方法を解説。画像リストの準備、サイズと余白、イージング、自動再生の時間設定を順に紹介します。

Studioのサイトに店舗や施設のGoogleマップを表示する方法を解説。Googleマップで埋め込みコードを取得し、Studioのiframeボックスに貼り付ける手順を紹介します。

StudioのFree・Mini・Personal・Business・Business Plusの料金と選び方を整理。月払いと年払いの違い、独自ドメインやCMS、公開ページ数など、契約前の確認ポイントを解説します。

Splineで作った3DデザインをStudioに表示する方法を解説。Splineの特徴、オブジェクトの準備、公開リンクの取得、iframeへの埋め込みまでの流れを紹介します。

マージンとパディングの違いを、ボックスの内側・外側の余白から解説。背景色の表示範囲も確認しながら、Studioでレイアウトを調整するときの使い分けを紹介します。

StudioでWebサイト制作を受注してから納品するまでの流れを解説。ヒアリング、アカウント準備、独自ドメイン、制作、プラン契約、公開時に確認するポイントを紹介します。