Tips– category –

モーダルを活用するメリットからモーダルの作り方までを書きました。モーダルはWebサイト上で重要な情報を伝えるのに便利で、確認や警告、フォーム入力などにも活用されます。本記事では１例を取り上げて、一から作成する手順を解説しています。この記事さえ読めばモーダルに関しては完全理解できると思います。

リッチテキストの活用シーンと使い方を解説しています。テキストの一部の色やフォントサイズを変更したいときに、通常のテキストボックスだと一括ですべてが変更されてしまいます。そういったときにリッチテキストを活用します。また、リッチテキストのみでできるマークダウン記法の使い方も説明しています。

Chrome検証ツールの使い方と正確なサイト模写方法を解説しています。実際にフォントの種類や大きさ、マージンやパディングを確認する方法を詳細に解説しています。サイト模写をする際に、おおよそで作業してしまっている人が多いため、Chrome検証ツールの正しい使い方を覚えて実務のスキルアップをしましょう。

3Dデザインツール「Spline」の簡単な説明から、作成したオブジェクトをSTUDIOに実装する方法を順に解説していきます。 これまで写真や動画の埋め込みに加えて覚えておくことで表現の幅がぐんと広がります。また、Splineの３Dオブジェクトを埋め込むことでサイトのクオリティが格段に上がります。

STUDIOのカルーセル自動再生機能の設定方法を解説しました。そもそもカルーセルの意味、メリットデメリットから解説しています。再生間隔や送り時間の意味も分かるようになり、機能が理解できます。カルーセルはスペースの有効活用などさまざまな利点があるのでぜひ覚えて使いこなしましょう。

STUDIOで使えるリスト機能。用語は分かるけれど、具体的にどんな場面で役立つのか？シンボル化との違いは？などの漠然とした疑問を解消します。リスト機能を使うと、同じレイアウトを繰り返すリストを簡単に作成し、スタイルや内容を一括管理することができるため実装スピードが格段に上がります。ぜひ覚えて使いこなしてください。

本記事ではSTUDIOで利用できるショートカットをまとめました。覚えて使いこなすことで作業の効率化や生産性が格段に上がることを保証します。また、マウス操作に比べて素早く操作ができ、より迅速かつ正確な作業が可能になります。応用編では使いもしているので、知らなかったものはぜひ使いこなしてみてください。

こんにちは。会社員クリエイターのこばたです。 今回は、STUDIOでWebサイト制作を行う上で、入れておくべきchrome拡張機能を厳選して4つ紹介します。みなさんのWeb制作...

サイト制作をする際に必ず覚えておきたいマージンとパディングについて解説していきます。両方とも余白を設けることができるという点で共通ですが、どのように使い分けたら良いのでしょうか。本記事では用途を図を用いて説明しています。これさえ抑えればもう使い分けに悩むことはなくなります。

STUDIOでは、PCサイズで作成したデザインを基準にして、タブレット・モバイルサイズ用のスタイルを別途設定することで、サイトをレスポンシブ対応させます。レスポンシブ設定の法則から、絶対に覚えておくべきコツを紹介します。法則とコツさえ押さえれば、面倒と感じるレスポンシブ設定もストレスなくさくっと行えるようになります。