【超基本！】STUDIOでレスポンシブ対応を楽にする3つのコツを紹介！（字幕付き）
今回は、STUDIOでレスポンシブ対応を楽にする3つのコツを紹介しました。
レスポンシブ対応が苦手な方もいるかと思いますが、今回、私がご紹介する方法を実践して頂くと、レスポンシブ対応を行う際にかなり楽になるかと思いますので、ぜひこの動画を参考にして下さい
▼もくじ▼
2:10 （コツ①）文字ボックスの縦幅はautoにする
3:49 （コツ②）ボックスの横幅の単位を％にする
5:33 （コツ③）ボックスの左右にパディングを設定する
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
動画をご視聴いただきありがとうございます。
ノーコードツールSTUDIOの使い方の基礎・便利なテクニック等を初心者向けに発信しています。
いいね・コメント・チャンネル登録して頂けたらとても嬉しいです。
▼登録はこちら▼
/ @studiodesignchannel1018
ベルマークを押して頂けると、動画公開後通知が届くようになります！
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
動画作成者 YUTA 自己紹介
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
現在、本業の片手間にWEBデザイナー兼エンジニアとして活動しています。
これまで、50件以上のWEB制作案件をこなしてきた経験を活かし、
これからWEBデザイナーやエンジニアを目指している方に向けて、役に立つ情報を発信できればと思います。
お悩み事があれば、いつでもご相談下さい！
※以下に記載のTwitterやInstagramからメッセージお待ちしてます。
---------------------
■Blog/SNS
・ポートフォリオサイト：yuta-webportfolio.studio.site/
・Blog：design-yandy.com/
・Twitter： / yandy_design
・Instagram： / yuta_web
---------------------
【お仕事のご依頼について】
以下のメールアドレスに、ご連絡下さい。
design.yandy11@gmail.com
Пікірлер: 25
ものすごくわかりやすいし、動画の雰囲気もとても好きです！ 初学者なのでこちらのチャンネルにすごく助けられてます✨ ありがとうございます！
@studiodesignchannel1018
Жыл бұрын
動画を見ていただきありがとうございます！ そのように言っていただき、とても嬉しいです！ これからも有益な情報を発信していきますので、楽しみにして下さいね！
レスポンシブが苦手でこちらに辿りつきました。とても参考になります。早速試してみたいと思います！
@studiodesignchannel1018
10 ай бұрын
動画を見ていただきありがとうございます！ ぜひ、ほかの動画も見て、参考にされてください。
すごく分かりやすいです！
@studiodesignchannel1018
Жыл бұрын
ありがとうございます！ とても嬉しいです！ これからも有益な情報発信していきます！
いつもありがとうございます。
@studiodesignchannel1018
2 жыл бұрын
いつも動画を見ていただきありがとうございます！ 今後の動画も楽しみにしてて下さい。
これは、分かりやすすぎます
@studiodesignchannel1018
Жыл бұрын
そのように言っていただきとても嬉しいです！ これからもわかりやすい動画を作成できるように、がんばります！
いくつか見た中で、一番わかりやすかったです！ありがとうございます！
@studiodesignchannel1018
5 ай бұрын
動画を見ていただきありがとうございます〜！ これからも有益な情報発信していきます！
こんなにわかりやすいのに！ 再生数伸びないのが悔しい（泣） いつもありがとうございます😊
@studiodesignchannel1018
Жыл бұрын
お褒めの言葉ありがとうございます！嬉しいです！ これからたくさんの方に見ていただけるように頑張ります！ 引き続きよろしくお願いします！
何度も繰り返し練習てます😆 まだまだ、文字ボックスが思い通りの場所に置くことができず研究してます。 ボックスやテキストの置く順番などのコツがあるような気がしますので、今後も頑張ります❗ もし、将来的にビジネス展開する場合、 アカウントはビジネス用に作り直したほうがよいのでしょうか？ まだまだ、先のお話ですが 教えていただけると助かります🎵
@studiodesignchannel1018
Жыл бұрын
いつも動画を見ていただき、ありがとうございます！ ご質問の件ですが、結論、ビジネス用に作成する必要はないかと思います。 お客様のアカウント情報を聞いて、お客様のアカウント上で作成することがメインになります。
@user-ex9nt6qs2h
Жыл бұрын
@@studiodesignchannel1018 さん ご回答ありがとうございます😆 とても勉強になりました😆 もう少し、テキストボックス思い通りの配置できたり、操作できるようにがんばります。 今後ともよろしくお願いいたします。
動画ありがとうございます！ また質問させて頂きたいです！ご面倒でなければ教えて頂けると幸いです。 （質問内容） レスポンシブ対応をするときにテキストサイズを一つずつ手動で変更するのが煩わししく感じます。 テキストボックスのサイズは%単位で画面幅に自動調整できるけど、テキストサイズ自体は画面幅ごとに変更調整しないといけないのでしょうか？
@studiodesignchannel1018
Жыл бұрын
動画を見ていただきありがとうございます！ ご質問の件ですが、テキストサイズについては画面幅ごとに変更調整しなければなりません。 STUDIOのデメリットですね。。。アップデート期待しましょう！
@kashikazu5036
Жыл бұрын
@@studiodesignchannel1018 教えて頂きありがとうございます！！そうですね、アップデートに期待します！☺
必要最小限の情報量でわかりやすかったです、 ありがとうございます(･∀･)
@studiodesignchannel1018
3 ай бұрын
動画を見ていただきありがとうございます。 そのように言っていただき嬉しいです。 これからも有益な情報発信していきます！
動画ありがとうございます☺︎ 作成の仕方がおかしいのか… 6個の縦長写真を5枚並べて配置しているのですが、モバイル画面にすると何処にいっているのか⁇ な状態になってしまっています。 写真はBox・ImgでBoxを選定して 上部のボックスの横幅を%に選定しております。 作り方がおかしいのですかね…(T ^ T)
@studiodesignchannel1018
6 ай бұрын
動画を見ていただきありがとうございます！ ご質問の件ですが、あらゆる原因が考えられますが、もしかしたら５枚並べている親ボックスの横幅が「auto」になっておらず、隠れてしまうことがあります。 ご確認お願いします。
@akepon193
6 ай бұрын
@@studiodesignchannel1018 お返事ありがとうございます☺︎ また試してみます!