Manuals
Studio使い方マニュアル
STUDIO実践ノウハウ
DAISUKE
中級
10動画
2時間35分
このコースでは、STUDIOの実践的なティップスを紹介しています。
STUDIOの機能を応用的に使用していますが、全てコードを書かずにできるものばかりですので、ぜひチャレンジしてみてください。
ブレンドモードを使用した、背景に合わせて見やすい色に変わるヘッダーの作り方
18:27
ブレンドモードを使用した、背景に合わせて見やすい色に変わるヘッダーの作り方
18:27
無限ループするスライダーの作り方
18:02
無限ループするスライダーの作り方
18:02
カルーセル機能を使って無限にループするスライダーを作成する方法をわかりやすく丁寧に解説しています。
2階層のヘッダーナビゲーションの作り方
52:00
2階層のヘッダーナビゲーションの作り方
52:00
2階層構造のヘッダーナビゲーション・モバイルナビゲーションを作成する方法をわかりやすく丁寧に解説しています。
マウスホバーでバナー画像がズームするバナーデザインの作り方
14:21
マウスホバーでバナー画像がズームするバナーデザインの作り方
14:21
この動画では、STUDIOでカーソルを当てると画像が枠の中で拡大・縮小するデザインを実装する方法を解説します。
はみ出し設定を活用することでコードを書かずに誰でも簡単に実装することができます。
ホバーだけではなく出現時のアニメーションなど、さまざまなシーンで使えると思いますのでぜひ試してみてください！
クロスフェードのスライドショーの作り方
12:52
クロスフェードのスライドショーの作り方
12:52
この動画ではSTUDIOでウェブサイト制作にチャレンジしている方向けに、STUDIOのカルーセル機能を応用して、コードを一切書かずにふわっと出現してループするクロスフェードのスライドショーを実装する方法をわかりやすく丁寧に解説しています。やり方はすごく簡単で誰でもあっという間に実装することができますのでぜひ試してみてください！
マーカー線付きテキストの作り方
11:47
マーカー線付きテキストの作り方
11:47
この動画ではSTUDIOでウェブサイト制作にチャレンジしている方向けに、コードを一切書かずにマーカーを引いたようなテキストデザインを作成する方法をわかりやすく丁寧に解説しています。
リッチテキストとグラデーション機能を使えばCSSを書かかなくても誰でもあっという間にマーカーを引くことができますのでぜひご覧ください！
アニメーション付きボタン
11:05
アニメーション付きボタン
11:05
今回は、2023年9月22日にアップデートされたのSTUDIOの新しいアニメーション機能を使っておしゃれなボタンを作る方法をご紹介します。
これまで複数のボックスを使って作る必要があったアニメーション付きのボタンがなんとたった1つのテキストボックスのみでできちゃいます。
初心者の方でも簡単に作れるのでぜひチャレンジしてみてください！
雑誌のようなレイアウト
6:15
雑誌のようなレイアウト
6:15
この動画を見て一緒に真似するだけで、未経験者や初心者でもSTUDIOでおしゃれなレイアウト・デザインを作成できます。
STUDIOの色々な機能を組み合わせて作成しているので、もし個別の機能について詳しく知りたい方は下記の動画も参考にしてみてください。
独自ドメイン接続｜ムームードメイン
11:33
独自ドメイン接続｜ムームードメイン
11:33
STUDIOで制作したウェブサイトを独自ドメインで公開する方法を、ドメインの取得から接続まで初心者にもわかりやすく丁寧に解説しています。
今回はムームードメイン（MuuMuuDomain）編です。
動くナビゲーションメニュー
9:30
動くナビゲーションメニュー
9:30
STUDIOのアニメーションを使って作るマウスオーバーで下線が引かれる動くナビゲーションメニューの作り方を初心者にもわかりやすく丁寧に解説しています。